List of possible SVG tags

Submitted by scambigol on December 19, 2025
I am not good with these but I did copy a few from other quizzes... I wonder if there is a "list" or a way of finding out all possibilities?

These are tags that you can also write in the quiz description and will have an effect on the .svg; it can be quite convenient so that you don't need to change the full .svg file every time you want to update something.

Here are the ones I used most recently and their effect:

A) .svg-holder #af.svg-correct { fill: #FF5E00 !important};

Afghanistan will turn white when guessed (as its id in the world map is "af)

B) .pre-quiz #grid { display: none } .pre-quiz #top-map { display: none }

The answers grid and the map will not appear until you click the 'Start' button

C) .random-svg-highlight.ring { fill-opacity: 1!important;}

For random quiz types: the ring of quiz answers will be totally opaque

Please share other ones you have, no matter what your 'ability' with .svg files is!

3 Comments
+1
Level 68
Dec 19, 2025
oh I'm definitely using that second one.

-

I'm not particularly good at svg, so I say thank you for revealing the trick.

+1
Level 61
Dec 19, 2025
What do you change to use B?
+2
Level 83
Dec 19, 2025
This is CSS styling, using classes and id names to determine what to apply the styles to. For the record, if anyone didn’t know, you put these in a style container using the triangle brackets right in the quiz description.