Интерактивный SVG без Smil, JS, ForeignObject и: проверено ⇐ Html

[Anonymous]

Я хотел бы внести интерактивный график SVG в Wikisource. Существуют довольно строгие требования к формату, как указано в заголовке:

[*] SVG может содержать встроенные стиль и элементы , но, кроме того:
[*] нет,
[*] javascript, [*] [*]

Код: Выделить всё

#main:has(#chkbox1)          #triangle  { display:none; }
#main:has(#chkbox1:checked)  #triangle  { display:block; }

#main:has(#chkbox2)          #square    { display:none; }
#main:has(#chkbox2:checked)  #square    { display:block; }

#main:has(#chkbox3)          #circle    { display:none; }
#main:has(#chkbox3:checked)  #circle    { display:block; }< /code>

Triangle
Square
Circle

(как вы видите, это работает без использования Javascript.) Но это просто HTML, который не соответствует требованиям.
Как я могу моделировать такую ​​же функцию (скрывать/показывать некоторые элементы) без использования. Javascript?
Я стремлюсь к решению, в котором каждый заменяется некоторым узлом SVG, который имитирует флажок, используя только разрешенные методы, то есть, предположительно, CSS. https://codepen.io/schlebe/pen/gbboryk написано src = "https://i.sstatic.net/qhoomrnz.png"/>

Подробнее здесь: https://stackoverflow.com/questions/795 ... nd-checked