Avez-vous déjà essayé de styler vos formulaires HTML pour les rendre plus attractif ?
Chaque navigateur a un rendu différent sur les checkbox, les boutons radio ou les listes déroulantes. Pour rendre ces éléments plus attractifs on utilise les sélecteurs d’attribut ou les pseudo-classes.
Malheureusement cette technique ne marche pas toujours sur Internet Explorer…. mais grâce à Selectivizr (une libraire Javascript) vous allez pouvoir rendre les sélecteurs d’attribut et pseudo-classes compatibles IE

Comment utiliser les sélecteurs d’attribut CSS sur Internet Explorer?

1 – Choisissez une libraire Javascript et insérez la sur votre page:
selectivizr

2 – Insérez le script dans le <head> de votre page web:

[php]
<script type="text/javascript" src="[JS library]"></script>
<!–[if (gte IE 6)&(lte IE 8)]>
<script type="text/javascript" src="selectivizr.js"></script>
<noscript><link rel="stylesheet" href="[fallback css]" /></noscript>
<![endif]–>
[/php]

Et voilà! Vos sélecteurs d’attribut et pseudo-classes sont maintenant pris en compte sur Internet Explorer.


Laisser un commentaire