css - 使用 CSS 的平面复选框

Question

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

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

我该如何解决这个问题？

Answer 1

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

您可能还想看看 this post .