如何使用CSS設置復選框的樣式？我正在嘗試使用以下方式設置復選框的樣式：<input type="checkbox" style="border:2px dotted #00f;display:block;background:#ff0000;" />但風格并未適用。該復選框仍顯示其默認樣式。我如何給它指定的樣式？
3 回答
瀟湘沐
TA貢獻1816條經驗 獲得超6個贊
更新：以下答案在CSS3廣泛可用之前引用了事物的狀態。在現代瀏覽器（包括Internet Explorer 9及更高版本）中，使用首選樣式創建復選框替換更簡單，而不使用javascript。
以下是一些有用的鏈接：
值得注意的是，根本問題沒有改變。您仍然無法將樣式（邊框等）直接應用于復選框元素，并使這些樣式影響HTML復選框的顯示。然而，改變的是現在可以隱藏實際的復選框并用你自己的樣式元素替換它，只使用CSS。特別是，因為CSS現在有一個廣泛支持的:checked選擇器，您可以使您的替換正確反映框的已檢查狀態。
老答復
這是一篇關于樣式復選框的有用文章?；旧希髡甙l現它在瀏覽器與瀏覽器之間存在巨大差異，并且無論您如何設置樣式，許多瀏覽器始終顯示默認復選框。所以真的沒有一個簡單的方法。
不難想象一個解決方法，你可以使用javascript在復選框上疊加圖像，并點擊該圖像會導致檢查真正的復選框。沒有javascript的用戶會看到默認復選框。
編輯添加：這是一個很好的腳本，為你做這個 ; 它隱藏了真正的復選框元素，用樣式化的span替換它，并重定向click事件。
- 3 回答
- 0 關注
- 1930 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消