css - 使用 CSS 的平面复选框

标签 css checkbox stylesheet

我需要在我的 aspx 页面中对 CheckBox 进行扁平化和样式化。我使用了下面的 css 代码。但什么也没发生。

input[type="checkbox"]
{
    border: 1px solid #ccc;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px; 
}

我该如何解决这个问题?

最佳答案

没有可靠的跨浏览器方式来设置复选框、单选按钮或选择字段的样式,因此最好的结果是通过使用图像来创建样式化元素的幻觉。对“样式化的复选框”进行简单的网络搜索将为您提供大量示例。

您可能还想看看 this post .

关于css - 使用 CSS 的平面复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17205944/

相关文章:

css - 在CSS中向上移动底部边框

单击父级时的 jQuery 切换复选框

css - 样式表路径问题

javascript - CSS样式超链接

html - 使用 onclick 函数更改背景颜色

css - 如何将禁用的 btn 背景颜色设置为启用? (自举)

Android:带 CheckBox 的 ListView,从 SQLite 数据库填充不太工作

checkbox - 如何知道在 Dart 中是否选中了复选框或单选按钮?

css - 如何自动调整一个div?

html - 悬停时显示缩略图标题,并在加载缩略图之前使用加载程序显示占位符