SVG's overwrite each other's CSS classes
See original GitHub issueHaving multiple svg’s in one view overwrrite each other’s CSS classes resulting in weird colors because all svg’s use the same classnames
(e.g. adding azure functions overwrites the planet color’s .cls-2
)
(e.g. azure services page which has a lot of svgs)
Issue Analytics
- State:
- Created 4 years ago
- Reactions:3
- Comments:6 (2 by maintainers)
Top Results From Across the Web
SVGs override each others CSS-style - Stack Overflow
When you save, use File > Save As > SVG , then click on "More Options" and change the "CSS Properties" setting. If...
Read more >[Solved]-SVGs override each others CSS-style-Vue.js
If it is set to "Style Elements", change it to one of the other options. If you do that, it won't use classes...
Read more >SVG Properties and CSS
Presentation attributes are used to style SVG elements and can be used as CSS properties. Some of these attributes are SVG-only while others...
Read more >Inkscape 1.1 (c68e22c387, 2021-05-23) overwriting CSS ...
So far the working solution is to find and replace the class names for each SVG or at least the different SVG's. This...
Read more >Styling — SVG 2
SVG user agents must support all of the CSS styling mechanisms described in this chapter. In SVG 1.1, support for inline style sheets...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@SahilTara ohh nice, if the script is ready then just go with the first
our original plan was to update all the svg’s classnames anyways
@jsondoo I have a fix for this, gonna wait for the role pr to go in first.