"falsche" Darstellung von SVG + CSS in Firefox für Android

[Matthias Scharwies]

Servus!

Ich weiß es auch nicht, du könntest aber mal

<circle fill="var(--themafarbe)" />

probieren.

und das soll gegen die übertriebene Vergrößerung helfen?

Wie [e-mail] in seinem Link auf SO vermutete, greifen dort die Selektoren nicht.

Du kannst evtl. div.prevnext streichen und durch <svg id="prevnext" .....> ersetzen. Evtl. spricht das CSS auf diesen eindeutigen Selektor an.

Normalerweise gebe ich den svg auch keine Größe, versuch aber mal width="50" height="50". Das kann durch CSS immer noch verändert werden. Der Kreis wird dann auf jeden Fall nicht mehr sooo groß.

Bestenfalls gegen die Schwarzfärbung.

Zu den Farben, ich würde es mit dem XML-Attribut mal probieren.

Übrigens, path.pfadhat einen box-shadow, das gibt's nur in der HTML-Welt, SVG kannst Du mit filter: dropshadow(...); einen Schlagschatten geben.

Probier auch dort mal fill="white" aus.

Herzliche Grüße

Matthias Scharwies