Warum ändert CSS „color' nicht die Farbe des „Elements'?

Styling des

---

-Elements

Beim Versuch, die Farbe des

---

-Elements mithilfe von CSS zu ändern, stoßen viele Entwickler auf Schwierigkeiten. Der bereitgestellte Code, der die Farbeigenschaft nutzt, liefert nicht das gewünschte Ergebnis.

Die Lösung liegt darin, stattdessen border-color zu verwenden. Das

---

-Element erzeugt eine horizontale Linie, und die Rahmenfarbe steuert die Farbe der Linie.

Es ist wichtig zu beachten, dass der Rahmen genauso breit bleibt, wenn Sie die Liniengröße über andere CSS-Eigenschaften ändern in den Stilen angegeben. In solchen Fällen kann es notwendig sein, die Rahmenfarbe durch die Hintergrundfarbe zu ergänzen.

Wie im Standard-Stylesheet des HTML 5 Boilerplate-Projekts gezeigt, können Sie die folgende Regel verwenden, um das

---

-Element anzupassen:

hr {
  border-color: #ccc;
}

Wenn Sie außerdem möchten, dass das

---

-Element die Rahmenfarbe von seinem übergeordneten Element erbt, können Sie die Rahmenfarbe angeben: erben. Dieser Tipp wurde in einem von SitePoint veröffentlichten Artikel mit dem Titel „12 wenig bekannte CSS-Fakten“ hervorgehoben.

Das obige ist der detaillierte Inhalt vonWarum ändert CSS „color' nicht die Farbe des „Elements'?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!