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

Question

我想要一个宽度为16px,高度为的大复选框16px.我不想使用JavaScript插件.这可以用现代CSS完成吗？

Answer 1

您可以在css中禁用具有外观属性的默认复选框外观,然后在任何方式下使用边框,背景图像等来禁用它:

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

要设置悬停和已检查状态的样式,请使用:: hover,:checked和:hover:checked pseudoclasses.

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

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

Answer 2

是的。