Discussion :

[flamant]

Bonjour,
j'utilise la classse css suivante

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
input.readonly.messageOnField {
    background-color: #E8E8E8 !important;
    background-repeat: no-repeat !important;
    background-position: 0 0 !important;
    background-image: url(../img/messageOnField.gif) !important;
}

J'ai lu que normalement ca doit être interprété comme "Tout élément input qui a ET une classe readOnly ET une classe messageOnField"

Mais il semble qu'internet explorer ne l'interprête pas de la même manière. Il l'interprête comme "Tout élément input qui a SOIT une classe readOnly SOIT (OU) une classe messageOnField"

Connaissez-vous une solution qui marche sur tous les browser pour un sélecteur de 2 classe en même temps ?

Merci d'avance pour vos réponse

[tonton16]

Bonjour,

Je ne suis pas un expert, mais j'ai 2 pistes :

Découper le style de ton css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
input.readonly, input.messageOnField {
...
}

et :
dans ton code HTML :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<input class="readOnly messageOnField"...>

[Muchos]

DISREGARD THAT... I S*CK C*CKS

"input.readonly.messageOnField" signifie que c'est un input dont la classe est "readonly.messageOnField".

Pour un sélecteur commun à deux classes :

1. Soit créer une classe qui englobe les deux.
2. Soit un sélecteur du type input[class|="toto"], où tout élément commençant par toto- sera sélectionné (css 2.1).
3. Soit la solution de tonton16.
   ...
   

[Candygirl]

Bonjour,

Sur quelle version de IE as-tu testé ? En principe tout ce qui est supérieur à IE6 prend en compte le "sélecteur multiclasse".

As-tu vraiment besoin d'un rendu en tout point identique sous IE6? Si non, tu peux peut-être simplement ajouter un css pour IE6 afin que le site soit présentable sans être comme sur les autres navigateurs.

Si tu dois assurer la compatibilité parfaite sur IE6 le plus sûr serait de modifier ton code afin de ne pas avoir à recourir à ce genre de sélecteur (difficile de te dire comment sans connaître le contexte).

Autrement certains javascript permettent de pallier à ce genre de problème (avec ce que cela implique), par exemple celui-ci

Bonjour,

Je ne suis pas un expert, mais j'ai 2 pistes :

Découper le style de ton css :
input.readonly, input.messageOnField {
...
}

et :
dans ton code HTML :
<input class="readOnly messageOnField"...>

Ce code ne permet pas d'attribuer des styles seulement à un élément de classe "readonly" ET "messageOnField" mais l'attribue à tous les éléments qui possèdent la classe "readonly" ou (non exclusif) "messageOnField" .

"input.readonly.messageOnField" signifie que c'est un input dont la classe est "readonly.messageOnField".

non, ce sélecteur cible bien un input de classe "readonly" et "messageOnField" soit
<input class="readonly messageOnField"