Maison  >  Article  >  interface Web  >  Beau style de case à cocher (case à sélection multiple) parfaitement compatible avec IE8/9/10, FF, etc._HTML/Xhtml_Production de pages Web

Beau style de case à cocher (case à sélection multiple) parfaitement compatible avec IE8/9/10, FF, etc._HTML/Xhtml_Production de pages Web

WBOY
WBOYoriginal
2016-05-16 16:39:512129parcourir

Il est honteux de dire que changer le style d'une case à cocher aussi couramment utilisée nécessitait en fait Baidu, et Baidu a pris beaucoup de temps, c'est que Baidu n'a pas pu trouver de solution réalisable pendant longtemps.

Plus tard, j'ai trouvé de nombreux styles sur csscheckbox.com, mais le test de compatibilité avec IE a échoué. En conséquence, beaucoup de temps a été perdu.

Après des tentatives répétées, j'ai pris un raccourci et suis revenu à JQuery UI Inutile de dire que la compatibilité est très bonne et que vous pouvez dessiner le style à votre guise.

J'enregistre ici le style d'une case à cocher pour que tout le monde et moi puissions l'utiliser facilement à l'avenir.

Il a trois états, par défaut, en survol et actif. Il a été testé et est parfaitement compatible avec IE8/9/10, FF, etc.

Copier le code
Le code est le suivant :




http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />