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

Question

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

我正在使用以下代码：

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

边界不占用。

score 4 · Accepted Answer

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

编辑：

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

score 1 · Accepted Answer

1

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

例如：

outline : 2px solid #000000;

于 2012-07-10T11:57:41.567 回答

2 回答 2