Können Sie die Füllfarbe eines SVG-Pfads mit CSS ändern?

Können Sie die Füllfarbe von SVG-Pfaden über CSS anpassen?

In SVG (Scalable Vector Graphics) können Sie Elemente wie Pfade mithilfe von CSS ändern . Betrachten Sie den folgenden Code:

<svg>
  <path fill="#333333" d="M15.985,5.972C...Z" />
</svg>

Ist es möglich, die Füllfarbe mithilfe von CSS zu ändern, ohne das Tag des Pfads zu ändern?

Antwort:

Ja, es ist möglich, die Füllfarbe eines SVG-Pfads mit CSS anzupassen. Zielen Sie dazu wie jedes andere HTML-Element auf das Pfadelement:

path {
  fill: blue;
}

Dieses externe CSS sollte das native Füllattribut des Pfads überschreiben, vorausgesetzt, Sie verwenden WebKit- oder Gecko-basierte Browser. Denken Sie daran: Wenn Sie im Pfad-Tag einen Stil angeben (z. B. ), hat dieser Vorrang vor externem CSS.

Das obige ist der detaillierte Inhalt vonKönnen Sie die Füllfarbe eines SVG-Pfads mit CSS ändern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!