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

烨。