CSS Frage Einstellungen

[STam]

Hi,

ich habe da mal ein CSS Problemchen.
In einem CSS für FF steht folgendes:

QUELLTEXT

input[type=text]:focus, textarea:focus, select:focus {
    background-color: #CCCCFF;
}
input[readonly]:focus, textarea[readonly]:focus, select[readonly]:focus {
    background-color: #FFFFFF;
}

das funktioniert ja auch wunderbar (wohlbemerk FF getestet).
Nun habe ich auch noch eine Rule:

QUELLTEXT

input.inputgrey {
    background-color: #EFEFEF;
}

diesen Selector kriege ich nicht wieder raus, das Feld wird beim erhalt des Focus weiß soll aber grau bleiben!
Ich habe auch schon versch. Kombinationen ausprobiert:

QUELLTEXT

input.inputgrey:focus {
    background-color: #EFEFEF;
}
input[class=inputgrey]:focus {
    background-color: #EFEFEF;
}

... nix zu machen. Any Idea?

Gruß

[STam]

Für interessierte, dem IE bringe ich das so bei:

CODE

var inputFocus = function() {
var lis = document.getElementsByTagName("INPUT");
for (var i=0; i<lis.length; i++) {
if (lis[i].getAttribute('type') == 'text' && lis[i].getAttribute('readonly') != true) {
lis[i].onfocus=function() {
this.style.background='#BFC5DF';
}
lis[i].onblur=function() {
this.style.background='#FFFFFF';
}
}
}
}

var selectFocus = function() {
var lis = document.getElementsByTagName("SELECT");
for (var i=0; i<lis.length; i++) {
lis[i].onfocus=function() {
this.style.background='#BFC5DF';
}
lis[i].onblur=function() {
this.style.background='#FFFFFF';
}
}
}

var txtareaFocus = function() {
var lis = document.getElementsByTagName("TEXTAREA");
for (var i=0; i<lis.length; i++) {
lis[i].onfocus=function() {
this.style.background='#BFC5DF';
}
lis[i].onblur=function() {
this.style.background='#FFFFFF';
}
}
}

if (window.attachEvent) {
window.attachEvent("onload", inputFocus);
window.attachEvent("onload", selectFocus);
window.attachEvent("onload", txtareaFocus);
}

... wobei das obige Problem nicht auftritt!

Gruß

[Olaf]

Wenns weiter nüscht ist

QUELLTEXT

input.inputgrey {
    background-color: #EFEFEF !important;
}

[STam]

... hehe, natürlich funktioniert das; Super danke du CSS-Guru
Gruß