Метка водяного знака расположена поверх выбранных остановок распространения кликов

Question

Я создал решение для водяных знаков / подсказок для выпадающего меню, где я абсолютно позиционирую метку поверх выбранного элемента.

К сожалению, когда пользователь нажимает на ярлык, раскрывающийся список не открывается - очевидно, ярлык блокирует щелчок.Есть ли способ получить его, чтобы, когда пользователь нажимает на ярлык, раскрывающийся список открывается?Я понимаю, что вы не можете открыть раскрывающийся список с помощью javascript, но можете ли вы что-то сделать, например, скрыть метку, когда щелчок срабатывает?

Редактировать: Создание настраиваемого раскрывающегося списка, как это делает gmail в их раскрывающихся списках.не является жизнеспособным вариантом.

Answer 1

CSS может справиться с этим: добавьте pointer-events: none к label.

Это поддерживается во всех современных браузерах ... за исключением текущих версий IE (и Opera), поэтому вам, к сожалению, все равно придется использовать JavaScript .