為什麼 CSS `color` 不改變 `` 元素的顏色？

設定

---

元素的樣式

當嘗試使用CSS 更改

---

元素的顏色時，許多開發人員都會遇到困難。提供的程式碼使用了 color 屬性，但沒有產生所需的結果。

解決方案在於使用 border-color 來取代。

---

元素產生一條水平線，邊框顏色控制線條的顏色。

需要注意的是，如果透過其他 CSS 屬性修改線條大小，邊框將保持與在樣式中指定。在這種情況下，可能需要用背景顏色來補充邊框顏色。

如HTML 5 Boilerplate 項目的預設樣式表中所示，您可以使用以下規則來自訂

---

元素：

hr {
  border-color: #ccc;
}

此外，如果你想讓

---

元素繼承其父元素的邊框顏色，可以指定border-color:inherit。 SitePoint 發表的一篇題為「12 個鮮為人知的 CSS 事實」的文章中強調了這項技巧。

以上是為什麼 CSS `color` 不改變 `` 元素的顏色？的詳細內容。更多資訊請關注PHP中文網其他相關文章！