Input-Felder

[Dirk Paschel]

Hallo!

Ich habe folgendes definiert:

INPUT {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  border: 1px solid #06086F;
}

Leider bekommen nun auch alle grafischen Buttons einen Rand, den ich nicht will.

Wie kann ich diese nun wieder davon ausnehmen?

<input type="image" src="button.gif" style="border: 0px;">
ist mir schon klar, aber das ist doch nicht ganz der Sinn der Sache.

Danke

[wahsaga]

hi,

Ich habe folgendes definiert:

INPUT {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  border: 1px solid #06086F;
}

Leider bekommen nun auch alle grafischen Buttons einen Rand, den ich nicht will.

Wie kann ich diese nun wieder davon ausnehmen?

Entweder, in dem du für diese alle gemachten Formatierungen wieder mit anderen Werten überschreibst - oder in dem du gleich nur die formatierst, die du auch formatieren willst.

gruß,
wahsaga

[afra]

Hallo Dirk!

INPUT {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  border: 1px solid #06086F;
}

Leider bekommen nun auch alle grafischen Buttons einen Rand, den ich nicht will.

Wie kann ich diese nun wieder davon ausnehmen?

Der Attributselektor wäre eine Lösung:

INPUT[type="text"] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    border: 1px solid #06086F;
}

Schönen Gruß

Afra

[Dirk Paschel]

Gracias Afra!

[Der Martin]

Hallo Dirk,

Gracias Afra!

bedenke bitte, dass der Attributselektor bei CSS-Legasthenikern wie dem IE keine Wirkung hat. Ob's der IE7 endlich kann, weiß ich nicht genau; die älteren IE-Versionen wirst du aber vermutlich mit einer zusätzlichen Klassenangabe bedienen müssen.
Es sei denn, du hast das Glück, keine IE-Nutzer unter deinen Besuchern zu haben, was aber eher unwahrscheinlich ist.

So long,
 Martin