"falsche" Darstellung von SVG + CSS in Firefox für Android
bearbeitet von
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 test@tst.de 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.pfad`hat einen box-shadow, das gibt's nur in der HTML-Welt, SVG kannst Du mit [filter: dropshadow(...);](https://wiki.selfhtml.org/wiki/SVG/Tutorials/Filter/Anwendung_in_CSS#Schlagschatten) einen Schlagschatten geben.
Probier auch dort mal fill="white" aus.
Herzliche Grüße
Matthias Scharwies
--
Einfach mal was von der [ToDo-Liste](https://wiki.selfhtml.org/wiki/Kategorie:ToDo) auf die Was-Solls-Liste setzen.“
"falsche" Darstellung von SVG + CSS in Firefox für Android
bearbeitet von
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 test@tst.de 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.pfad`hat einen box-shadow, das gibt's nur in der HTML-Welt, SVG kannst Du mit [filter: dropshadow(...);](https://wiki.selfhtml.org/wiki/SVG/Tutorials/Filter/Anwendung_in_CSS#Schlagschatten) einen Schlagschatten geben.
Probier auch dort mal fill="white" aus.
Herzliche Grüße
Matthias Scharwies
--
Einfach mal was von der [ToDo-Liste](https://wiki.selfhtml.org/wiki/Kategorie:ToDo) auf die Was-Solls-Liste setzen.“