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

WBOY
Release: 2016-05-16 16:39:51
Original
2213 people have browsed it

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>






Related labels:
source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template