為什麼我無法在 Firefox 29 中更改複選框的背景顏色？

複選框顏色修改疑難排解

儘管嘗試了各種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中文網其他相關文章！