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

【问题标题】：how to set input type checkbox border and background?如何设置输入类型复选框边框和背景？
【发布时间】：2012-07-09 21:10:14
【问题描述】：

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

我正在使用以下代码：

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

边框不占用。

【问题讨论】：

标签： html css

【解决方案1】：

这是浏览器倾向于不让您设置那么多样式的元素之一，大多数人用 javascript 替换它。

编辑：

这是一个例子：http://jsfiddle.net/v4Dde/2/ 这是我在没有 javascript 的情况下制作的一次，希望它对您有所帮助（抱歉，颜色是这样制作的，所以您可以看到 :)）

【讨论】：

【解决方案2】：

你试过用轮廓代替边框吗？

例如：

outline : 2px solid #000000;

【讨论】：