Probleme mit input

[Kalle_B]

Hallöle,

welche CSS- Eigenschaften sind eigenlich für input- Felder zulässig?

habe folgendes CSS:
input {
  margin:          0;
  padding:         0 0 0 0.2em;
  line-height:     1em;
  font-family:     'courier new', courier;
  font-size:       1em;
  background-color:#ccf;
  border:          1px solid #ccf;
}
input:focus {
  background-color:#dfd;
  border:          1px solid #080;
}

Probleme:
---------
IE 5: focus wirkt nicht

<input type='checkbox' ...
IE 5, FF 1.5: Rand ist schwarz / Hintergrund weiss

<input type='file' ...
FF 1.5: Rand ist schwarz / focus wirkt nicht

<input type='submit' ...
IE 5: Rand ist schwarz

Lieben Gruss, Kalle

[Richard]

Hi Kalle_B,

IE 5: focus wirkt nicht

Der IE<7 interpretiert Pseudoklassen außerhalb von <a>-Elementen nicht.

<input type='checkbox' ...
IE 5, FF 1.5: Rand ist schwarz / Hintergrund weiss

Das Thema gab es vor kurzem schon einmal.

<input type='file' ...
FF 1.5: Rand ist schwarz / focus wirkt nicht

File-Felder sind sehr schwer mit CSS zu bearbeiten, da sie aus zwei verschiedenen "Teilen" bestehen. Vielleicht ignorieren heutige Browser dementsprechende CSS-Angaben sogar.

<input type='submit' ...
IE 5: Rand ist schwarz

Das kann ich nicht nachvollziehen.

Beste Grüße
Richard

[Auge]

Hallo

<input type='file' ...
FF 1.5: Rand ist schwarz / focus wirkt nicht

File-Felder sind sehr schwer mit CSS zu bearbeiten, da sie aus zwei verschiedenen "Teilen" bestehen.

Um es konkreter zu machen: Die Felder werden vom OS und nicht von der Renderingengine des Browsers bereitgestellt. Deshalb entziehen sie sich den CSS-Angaben.

Tschö, Auge