Welche Regel gilt?

[Don P]

Hallo,

Habe gerade ein seltsames Phänomen entdeckt:

Nach der serverseitign Prüfung des geposteten Formulars soll eine Textbox mit roter Rahmenfarbe vershen werden, wenn sie falsch oder gar nicht ausgefüllt wurde.

Normalerweise ist die Textbox z.B. mit class="textInput" ausgezeichnet, und das Serverscript hängt dann ggf. noch einen Klassennamen dran, so dass der Client class="textInput inputError" sieht, und jetzt doch eigentlich die Rahmenfarbe von .inputError darstellen sollte. Aber das geschieht nicht. Es kommt nach wie vor nur die Rahmenfarbe von .textInput zum Zug.

WTF? Wenn ich mir das mit "Firebug" oder auch mit den "Entwicklertools" des IE8 anschaue, dann sind beide Rahmenfarben aktiv. Normalerweise wird kann doch nur jeweils eine Einstellung gültig, und alle anderen, die dieselbe CSS-Eigenschaft desselben Elements ansprechen, sind als inaktiv durchgestrichen. Aber hier ist es nicht so. Kann mir das jemand erklären?

.textInput {  
  border: 1px solid #B7AE88;  
}  
.inputTextError,  
.inputDropDownError {  
  border-color: #FF0000;  
}

Gruß, Don P