如何製作寬度和高度爲16px的複選框？

Question

我想要一個寬度爲16px，高度爲16px的大複選框。我不想使用JavaScript插件。這可以用現代的CSS來完成嗎？

Answer 1

是。

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

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

Answer 2

您可以在CSS禁用默認複選框外觀外觀屬性和樣式任何你邊框，背景圖像和等喜歡的方式後：

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

要設置懸停和檢查狀態，請使用：：hover，：checked和：hover：檢查pseudoclasses。

的另一種方法是使用變換屬性放大：

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