Есть ли на сегодня какое-нибудь решение выделить инпут по focus-visible?
Проблема известная, есть задача выделить инпут по focus-visible иначе, чем по focus.
Т.е. при навигации Tab-key и при клике мышкой дать разные css свойства инпуту.
Все что есть в гугле, все решения, срабатывают на кнопках, других элементах, только не на инпутах.
Может всё таки решение есть?
Один из примеров с js -
Для правильного вопроса надо знать половину ответа
Если элемент подразумевает использование клавиатуры (input, textarea), то focus-visible ставится независимо от того, каким способом на этот элемент попал фокус. Это соответствует рекомендации в стандарте CSS.
If the element which supports keyboard input (such as an input element, or any other element that would triggers a virtual keyboard to be shown on focus if a physical keyboard were not present), indicate focus.
