简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW)
Home > Web Front-end > HTML Tutorial > body text

漂亮的checkbox样式(多选框)完美兼容IE8/9/10，FF等_HTML/Xhtml_网页制作

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

说起来汗颜，如此常用的checkbox我改变样式，居然需要百度，而且百度很久，更可气的是百度很久找不到可行的解决方案。

后来在csscheckbox.com上找到很多样式，结果一测兼容性IE不行。如此一来，耽误了很久的时间。

抄了近道屡试不行，回归JQuery UI，不用说兼容性挺好，而且样式自己随心画。

在此记录一款checkbox的样式，供大家也供我以后方便使用。
 
有三种状态，default、hover和active，并测试过，能完美兼容IE8/9/10，FF等。

复制代码
代码如下:















Related labels：
Checkbox
source：php.cn
Previous article：form的OnSubmit和input type=image使用介绍_HTML/Xhtml_网页制作 Next article：iframe 多层嵌套 无限嵌套 高度自适应的解决方案_HTML/Xhtml_网页制作
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
Latest Articles by Author
Latest Issues
CSS Tips: How to Style Checkboxes Using CSS I'm trying to style a checkbox using: <inputtype="checkbox" style="borde...
From 2023-10-08 16:37:48
0
2
325
How to change the TXT value: Use the switch button I want to know how to edit my database.txt file by switching the button on and off. I'm ju...
From 2023-09-13 16:52:32
0
1
297
React input boolean value in default value I have a controlled checkbox input and I am supposed to set default value on request but I...
From 2023-09-10 14:11:36
0
1
215
Preserve border effect of radio button when selected I have two radio type options. When I select an option, a blue border is marked. The probl...
From 2023-09-03 21:25:38
0
1
249
Disable hover effect of v-checkbox in Vuetify 2 When hovering over a v-checkbox in Vuetify2, a dimmed circle appears behind the checkbox. ...
From 2023-09-03 20:25:54
0
1
194
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！