Не подсвечивается иконка в SVG

[schel4ok]

Я сделал SVG план этажа и нанёс на него иконку лампочки в кружочке.

Кружок - это слой bg. Сильно размытый фон, чтобы удобнее было нажимать на группу со смартфона.

В режиме редактирования SVG панели в веб интерфейсе:

1. выделяю всю группу lustra, который содержит полностью все фигуры люстры и круглый фон вокруг и присваиваю действие клик для включения света при нажатии всей группы.
   

2. выделяю слой g280, который содержит только фигуры люстры и лучей света, но не включает круглый фон вокруг и присваиваю ему стиль, чтобы фон не менял свой цвет, а лампочка внутри становилась жёлтой при включённом реле 128К4
   

Но при проверке почему-то не происходит изменение цвета лампы при включении реле.
Почему?
Если делаю изменение стиля любого другого элемента, то всё работает.

[AlexandrD]

@schel4ok

Но при проверке почему-то не происходит изменение цвета лампы при включении реле.
Почему?

Здравствуйте, так работает рендер SVG в браузере. Если цвет назначить группе, то к элементам внутри группы этот стиль применён не будет, вот как это выглядит в инспекторе DOM браузера, вызываемого по Shift+I.

Решение — разгруппировать элементы и объединить в одну фигуру.

Картинка из примера, левая фигура — это группа, а правая — цельный контур.
Демо.zip (1,0 КБ)

[AlexandrD]

@schel4ok Вам удалось решить задачу?

[schel4ok]

Да. Я сделал изображение лампы не группой, а одним цельным контуром.