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

Question

我需要设置输入类型复选框右侧填充10px和border-right:1px solid #000。我正在尝试这个，但复选框没有取值。

Answer 1

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

Answer 2

您不能重新设置复选框的外观。它在浏览器中像单选按钮一样固定。你可以试试http://www.no-margin-for-errors.com/projects/prettycheckboxes/。

Answer 3

阅读此：http://www.456bereastreet.com/lab/styling-form-controls-revisited/checkbox/
这应该给你以不同的方式造型复选框的答案。

Answer 4

Padding是里面的元素，如果你想有一个10px的右侧间距，而不是使用margin-right

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