Interactive SVG без SMIL, JS, ForeignObject и Input [type = "fackbox"]: проверено ⇐ Html

[Anonymous]

Я хотел бы внести интерактивный график SVG в Wikisource. There are quite strict restrictions on the format, indicated in the title:

[*]SVG can contain inline style attributes and elements, but besides that:
[*]no SMIL,
[*]no JavaScript,
[*]no HTML ForeignObject Isles,
Так что нет html и css: проверено трюки. />

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

#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


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