Антон!

Использовать эти стили не только уместно, но и нужно.

Об управлении интерактивностью элементов часто забывают, как и, например, о доступности страниц для людей с ограниченными возможностями. Мне кажется, тюнинг интерактивности элементов — это отдельное направление улучшения продукта.

Например, можно отключить выделение у элементов интерфейса. Трудно представить себе сценарий, при котором пользователь хочет скопировать текст на кнопке или в пункте меню. Поэтому можно сделать так, чтобы по нажатию Ctrl + A (Cmd + A) выделялся не весь текст на странице, а только нужная по смыслу часть.

К упомянутым в вопросе правилам стоит добавить pointer-events. С его помощью можно включать или отключать реакцию ХТМЛ‑элементов на события, вызываемые указателем — мышью или пальцем.

Бывает, нужно сверстать что‑нибудь нестандартное — с наложением нескольких элементов друг на друга. Когда один элемент расположен над другим, кликнуть по нижнему не получится. Можно отключить кликабельность верхнего элемента через pointer-events: none, и клик будет проходить верхний элемент «насквозь» и действовать только на нижний. Ховер и другие события указателя тоже не будут вызываться.

Приглашаю уважаемых советчиков рассказать, в каких случаях приходилось использовать ЦСС для управления интерактивностью элементов.

Веб‑разработка
Отправить
Поделиться
Запинить

Рекомендуем другие советы