Ne passe pas sur tous les navigateurs

bichou91 Messages postés 4 Date d'inscription   Statut Membre Dernière intervention   -  
animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

j ai un problème avec cette règle css, elle passe sous firefox, mais sur les autres rien a faire...

.chx_select {
-webkit-appearance: none none;
-moz-appearance: none none;
appearance: none none;
border: none none;
font-size: 1em;
margin: 0 3%;
font-weight: normal;
color: #000000;
text-decoration: none;
background-color: transparent;
}

comment faire?
A voir également:

4 réponses

Zick__barrimor Messages postés 62 Date d'inscription   Statut Membre Dernière intervention   7
 
Bonjour,

Comme tu peux le voir dans ton code:
-moz-appearance: none none;

"moz" est un raccourcis de mozilla, si je ne dis pas de bêtise.

De plus, certains style ne sont pas forcement compatibles avec tous les navigateurs, et nécessite un code différent qui s'adapte avec un if
0
bichou91 Messages postés 4 Date d'inscription   Statut Membre Dernière intervention  
 
merci mais que voulez vous dire avec un if?
0
nerofih
 
Salut,

pour le if (si c'est ça->fait ça)
ça doit être quelque chose dans ce style:

http://www.alsacreations.com/astuce/lire/48-commentaires-conditionnels.html

mais il y a mieux avec les media queries car IF et c'est surtout fait pour corriger des erreurs des versions antérieures des navigateurs(ou de celles qui ont des soucis comme IE, pour Edge je ne sais pas encore).

Dans tout les cas un peu de recherche sur apearance (en fait lire la notice ;) de CSS ici : http://www.w3schools.com/cssref/css3_pr_appearance.asp ) permet de s’apercevoir que la propriété appearance est retirée de CSS3.


En clair elle n'existe pas, ce n'est pas compatible et en effet les propriétés avec des noms avec extension(moz- pour ça ne marche QUE pour Gecko/Firefox) l'indiquent clairement. Sinon ça serais 'homologuée' dans le langage et il n'y aurais pas à mettre un code CSS différent pour chaque navigateur et uniquement la propriétés CSS appeareance.

Il y a la même pour chrome ou opera qui ont leur propres syntaxes pour le CSS et c'est utile si on utilise des propriétés du langage mais que celles ci ne sont pas supportée par le navigateur.

En clair vous avez un CSS qui ne marche que pour Firefox(webkit-... ça doit être pour chrome) et qui est retirée du langage.
0
animostab Messages postés 2829 Date d'inscription   Statut Membre Dernière intervention   738
 
bonjour
déjà il faut mettre un seul none et pas 2
webkit ne gère peut être pas la valeur none (chrome safari) pour -webkit-appearance
IE ne gère pas appearance
voila
1 seul none et pas 2

0