如何设置输入类型复选框border-right?

时间:2012-07-10 11:07:51

标签: html css

我需要设置输入类型复选框右侧边距10pxborder-right:1px solid #000。我正在尝试这个,但复选框没有取值。

4 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

您无法重新设置复选框的外观。它固定在浏览器中,如单选按钮。

你可以尝试http://www.no-margin-for-errors.com/projects/prettycheckboxes/

答案 2 :(得分:0)

阅读本文:http://www.456bereastreet.com/lab/styling-form-controls-revisited/checkbox/
这应该为你提供以不同方式设置复选框样式的答案。

答案 3 :(得分:0)

Padding位于元素内部,如果您想要10px的右侧间距,请使用margin-right

input[type="checkbox"]{
   border-right:1px solid #000; // dont know what use is this to the OP
   margin-right:10px;
}