複選框顏色修改疑難排解
儘管嘗試了各種CSS 樣式,但您在更改複選框的背景顏色時遇到了困難。當您使用最新的 Firefox 29 時,這種行為尤其令人費解。為了解決這個問題,讓我們研究一下底層的 CSS 和瀏覽器行為。
CSS 樣式表
您提供的CSS 包含兩個嘗試設定複選框樣式的規則:
<code class="css">input[type="checkbox"] { background: #990000; } .chk { background-color: #990000; }</code>
第一條規則針對使用屬性選擇器的所有複選框,而第二條規則針對具有“chk”類別的元素。在這兩種情況下,背景顏色都設定為 #990000。
瀏覽器行為
Firefox 以及其他瀏覽器已經為複選框等表單元素實現了某些預設樣式。這些預設樣式可能會覆寫您的 CSS 規則,從而難以變更複選框的外觀。
解決方案
要解決此問題,您可以使用重音 - color 屬性,允許您為各種表單元素(包括複選框)指定顏色。以下是更新的 CSS 範例:
<code class="css">#cb1 { accent-color: #9b59b6; } #cb2 { accent-color: #34495e; } #cb3 { accent-color: #e74c3c; }</code>
在此範例中,使用 #cb ID 屬性為複選框元素指派不同的強調色。這應該會覆蓋預設的瀏覽器樣式,並允許您根據需要更改複選框顏色。
以上是為什麼我無法在 Firefox 29 中更改複選框的背景顏色?的詳細內容。更多資訊請關注PHP中文網其他相關文章!