В браузерах на движке chromium (Chrome, Opera) по умолчанию есть «подсветка» поля, получившего фокус ввода. Смотрим как убрать данный стиль.
Давайте посмотрим специфические стили браузера для случая :focus. Вот что показывают developer tools:
Видно, что рамка подсветки создаётся стилем outline.
Добавим собственный стиль, чтобы переписать установленные браузером:
|
|
input:focus { outline: none; } |
Написать комментарий
Данная запись опубликована в 18.05.2018 13:30 и размещена в Танцы с CSS.
Вы можете перейти в конец страницы и оставить ваш комментарий.
Мало букафф? Читайте есчо !
Март 31, 2016 г.
Если вы решили разобраться как устроены документы в Интернет, тогда сразу после знакомства с гипертекстовой разметкой (HTML), вам нужно освоить каскадные ...
Читать
Апрель 7, 2017 г.
Среди простых, но эффектных способов оживить картинки на сайте есть следующий визуальный эффект, для которого нужны лишь CSS3 стили. Назовем его - "игра ...
Читать