如何删除复选框边框？

Question

是否可以删除复选框周围的边框,使其看起来不可见？我将它放在具有彩色背景的DIV中.

Answer 1

不幸的是,它无法删除浏览器本机复选框上的边框(它不适用于所有浏览器),您必须编写自己的类似复选框的状态窗口小部件来实现此功能.如果要使用自定义样式设置常规表单控件的样式,请查看Nice表单

Answer 2

对于FireFox:尝试border:none.对于IE尝试:style ="background:transparent; border:0"

另一种解决方案是创建自己的图像以进行选中和取消选中,以显示图像的相应onclick.

Answer 3

我知道这是一个迟到的答案,但我工作的CSS专家给了我这样的方法来摆脱IE10中的复选框(可能是单选按钮)周围的边框:

• 将边框颜色设置为与页面背景相同的颜色.
• 对它应用一个"无"的方框阴影.

而已.像魅力一样工作!

Answer 4

由于这是我在 Google 中搜索“删除复选框边框”时的第一个结果，让我提一下，可以在所有浏览器中删除复选框默认样式，但具有以下appearance属性的IE 除外：

-webkit-appearance: none;
-moz-appearance: none;
appearance: none;