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

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>