Home >Web Front-end >HTML Tutorial >Beautiful checkbox style (multi-select box) perfectly compatible with IE8/9/10, FF, etc._HTML/Xhtml_Web page production

Beautiful checkbox style (multi-select box) perfectly compatible with IE8/9/10, FF, etc._HTML/Xhtml_Web page production

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOriginal
2016-05-16 16:39:512243browse

It's shameful to say that changing the style of such a commonly used checkbox actually required Baidu, and Baidu took a long time. What's even more annoying is that Baidu couldn't find a feasible solution for a long time.

Later I found many styles on csscheckbox.com, but the compatibility test with IE failed. As a result, a long time was wasted.

After repeated attempts, I took a shortcut and returned to JQuery UI. Needless to say, the compatibility is very good, and you can draw the style as you like.

I record the style of a checkbox here for everyone and me to use conveniently in the future.

It has three states, default, hover and active. It has been tested and is perfectly compatible with IE8/9/10, FF, etc.

Copy code
The code is as follows:








<script> <br>$(function() { <br>$( "#check" ).button(); <br>$( "#format" ).buttonset(); <br>}); <br></script>






Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn