Kann man mit Stylesheets einen Button im IE derart beinflussen?

[Sven (κ)]

Hallo Salvadore,

Ich möchte gerne, dass sich im IE kein Padding zwischen (Value)Text und Buttonrand befindet. Wie kann man das Lösen? Der Innenabstand wird bei mehr Text immer größer. Feste Breite ist auch ncith möglich, da ich wechselnde Einträge habe.
<input type="submit" value="Ein längerer Text auf einem Button" style="padding: 0;text-align: left;">

Deiner Lösung könntest du das "text-align: left;" entbehren, weil dies Standard ist. Frage: Was geht daran nicht?

Inline Styles sind schrecklich. Aber dies soll ja nur zur Demonstration dienen.

Eigentlich sind sie ziemlich praktisch. Und natürlich kannst du das, wenn du das mit allen <input>-Buttons machen willst, locker per "normalen" CSS-File machen (Siehe SELFHTML).

Z.B., in dem du:

<input type="submit" value="Viel Text" class="button">

in dein HTML schreibst und in den head-Bereich:

<style type="text/css">

input.button {
       padding: 0;
       text-align: left;
   }

</style>

Der Sinn der definierten Klasse (siehe SELFHTML) ist, damit nur Buttons (value="submit" oder "reset" oder "button") so aussehen. Seit CSS 2 kann man auch über die Attribute gehen, aber du legtest Wert auf den IE, und der kann das nicht.

Grüße,

Sven