您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

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

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

更新:

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

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

旧答案

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

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

CSS 2022/1/1 18:15:25 有465人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶