如何制作宽度和高度为16px的复选框？

Question

我想有一个大的复选框，宽度为16px，高度为16px。我不想使用JavaScript插件。用现代CSS能做到这一点吗？

Answer 1

你可以在css中用外观属性禁用默认的复选框外观，然后用边框，背景图片等你喜欢的任何方式设置样式：

-webkit-appearance: none; 
-moz-appearance: none; 
-o-appearance: none;

要设置悬浮和选中状态的样式，请使用：:hover、:checked和: hover :checked伪类。

另一种方法是使用transform属性来放大它：

-webkit-transform: scale(1.6,1.6);
-moz-transform: scale(1.6,1.6);
-o-transform: scale(1.6,1.6);

Answer 2

是啊。

http://www.wufoo.com/2011/06/13/custom-radio-buttons-and-checkboxes/

http://www.thecssninja.com/css/custom-inputs-using-css