[CSS] Input formatieren klappt nicht im FF

[Chrissi91]

Hio,

ich habe folgenden CSS-Code zum Formatieren von Inputs und Textareas:

Code:

input, textarea, .feld{
   background-color:#FFB400;
   border:1px #FFB400;
   border-style:dashed;
}

Also ein orange als Hintergrund und außenrum derselbe gestrichelte Orange Rahmen.

Der IE machts prima, der FF zeigt mir nur orangfarbene Felder an ohne Rahmen bzw. mit einem durchgezogenen Rahmen an (einen Unterschied sieht man da ja nicht.)

Woran liegts? Das is doch ganz sauberer Code ....

Edit: Gerade noch bemerkt. Also der IE macht den Rahmen außen, der FF innen, sodass man den gestrichelten Rahmen gar nicht sehen kann, wenn Rahmen und Hintergrund denselben Wert haben.

Also beim IE muss die Rahmenfarbe orange sein, weil der Rahmen außen ist und beim FF muss die Rahmenfarbe dieselbe Farbe wie der Hintergrund der Page haben, weil der Rahmen innen ist.

[alcaeus]

Zitat von Chrissi91:

Edit: Gerade noch bemerkt. Also der IE macht den Rahmen außen, der FF innen, sodass man den gestrichelten Rahmen gar nicht sehen kann, wenn Rahmen und Hintergrund denselben Wert haben.

Also beim IE muss die Rahmenfarbe orange sein, weil der Rahmen außen ist und beim FF muss die Rahmenfarbe dieselbe Farbe wie der Hintergrund der Page haben, weil der Rahmen innen ist.

Der Rahmen gehoert eigentlich "innen", nur Margin hat eine transparente Hintergrundfarbe, padding und border haben die Hintergrundfarbe des Elements. IE zeigts also falsch an. BTW, teste das Ganze mal mit nem div, dort zeigt der IE den Rahmen auch innen (also da wo er eigentlich hingehoert). Du musst wohl das Control irgendwie in ein anderes Element einbetten (z.B. ein span), und diesem Element den Border geben, dafuer dem Element keinen border, margin und auch kein padding geben. Ob das so funktioniert wie es soll, weiss ich allerdings nicht.

Greetz
alcaeus