使用CSS更改默認「複選框」

Question

我想更改我網站上的默認複選框，使其看起來像Mozilla Firefox複選框「http://www.456bereastreet.com/lab/styling-form-controls-revisited/複選框/ ff2-xp.png「。

可以請有人幫忙，以便如何做到這一點嗎？

我想用CSS的幫助下做這個....

-webkit-appearance: none; 
background: url(checkbox_image_url_here); 
width: 12px; height: 12px; 

...我能實現這個東西嗎？

希望有人能幫助我。謝謝大家

乾杯 亞歷

Answer 1

的CSS只有這樣的方式，你會限制自己。

我建議檢查這個link瞭解如何去做，here是它的一個工作版本，僅用於CSS解決方案。這隻適用於Safari和Chrome，不幸的是爲了在其他瀏覽器上正常工作，您需要某種javascript。