如何设置输入类型复选框边框和背景？

Question

我需要将输入类型复选框右侧边距设置为10px和border-right:1px solid #000。我正在尝试这个，但复选框没有取值。有人知道它为什么不起作用吗？

我使用以下代码：

input[type="checkbox"] {
  border-right:1px solid #fff;
  margin-right:10px;
}

边界没有。

Answer 1

这是浏览器往往不会让你风格那么多的元素之一，而且大多数人用javascript替换它。

为什么不试试漂亮的复选框？ :) http://www.no-margin-for-errors.com/projects/prettycheckboxes/

修改

这是一个例子：http://jsfiddle.net/v4Dde/2/这就是我用javascript做了一次，希望它对你有所帮助（抱歉颜色让他们这样做，所以你可以看到:)）

Answer 2

您是否尝试使用轮廓而不是边框​​？

例如：

outline : 2px solid #000000;