Как сделать часть текста кнопки не кликабельной?

Собственно вопрос простой. Как сделать часть текста кнопки не кликабельной, но при этом, этот текст (который не кликабельный) подвержен влиянию hover и focus. Сразу оговорю момент, с оборачиванием не кликабельного текста и кнопки в div элемент. Это полная ерунда, нормально работает только hover, но в focus попадает только кнопка, не кликабельный текст, остается без стилей.

Вангую! Наверное, можно применить focus-within, для решения этой проблемы (проблемы с focus, когда кнопка и текст обернуты в div), объединить hover и focus-within, но у меня мозгов не хватает это сделать, может это ошибочный путь. Какие есть варианты решения? Помогите, пж.

https://codepen.io/alex922/pen/bGgamXG
  • Вопрос задан
  • 72 просмотра
Решения вопроса 1
zb_venom
@zb_venom
Жизнерадостный чебурек
Это то что Вы хотите? объяснение до ужаса непонятное
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы