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

[Daniel]

Hallo,

und erstmal Danke, dass Ihr Euch die Seite angeschaut habt, obwohl ich gestern im Eifer vergessen hatte, die relevanten Code-Teile hier ins Forum reinzukopieren! Aber oft ist es vielleicht sogar einfacher, die ganze Seite zu sehen und den relevanten Code im Inspektor anzuschauen...

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

Ja, wenn ich statt dem DIV dem SVG die Klasse (nicht ID, weil es beide betrifft) zuweise, funktioniert es!

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ß.

Ist jetzt gar nicht mehr nötig.

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.

Danke für den Hinweis, der Schatten ist sowieso überflüssig.

Probier auch dort mal fill="white" aus.

Damit geht's auf jeden Fall, aber nachdem ich dem SVG die Klasse zugewiesen habe, funktionert jetzt auch die Farbzuweisung für den Pfad mittels CSS, warum auch immer...

Danke für die wie immer super schnellen und kompetenten Antworten!

Gruß

Daniel