栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何使用CSS设置复选框样式

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何使用CSS设置复选框样式

更新:

以下答案引用了CSS 3广泛使用之前的状态。在现代浏览器(包括InternetExplorer9和更高版本)中,使用首选样式创建复选框替换更为简单,而无需使用Javascript。

值得注意的是,基本问题没有改变。您仍然不能直接将样式(边框等)应用于复选框元素,并使这些样式影响HTML复选框的显示。但是,发生的变化是,现在可以隐藏实际的复选框,并用您自己的样式化元素替换它,仅使用CSS。特别是,由于CSS现在具有广泛支持的

:checked
选择器,因此您可以使其替换正确地反映该框的选中状态。


旧答案

基本上,该作者发现,不同浏览器的浏览器差异很大,并且无论您如何设置其样式,许多浏览器始终显示默认复选框。因此,确实没有一个简单的方法。

不难想象有一种解决方法,您可以使用Javascript在复选框上覆盖图像,并在该图像上单击以选中实际的复选框。没有Javascript的用户将看到默认复选框。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/391590.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号