В браузерах на движке chromium (Chrome, Opera) по умолчанию есть «подсветка» поля, получившего фокус ввода. Смотрим как убрать данный стиль.
Давайте посмотрим специфические стили браузера для случая :focus. Вот что показывают developer tools:
Видно, что рамка подсветки создаётся стилем outline.
Добавим собственный стиль, чтобы переписать установленные браузером:
|
|
input:focus { outline: none; } |
Данная запись опубликована в 18.05.2018 13:30 и размещена в рубрике Танцы с CSS.
Вы можете перейти в конец страницы и оставить ваш комментарий.
Мало букафф? Читайте есчо !
Май 2, 2025 г.
Когда пользователь нажимает кнопку, полезно дать тактильную обратную связь — например, слегка "прижать" её визуально. Такой эффект достигается с помощью изменения масштаба (scale) и вертикального смещения (translateY).
Это статья из цикла заметок по ...
Читать
Апрель 18, 2025 г.
Здесь мы разбираем CSS анимацию - мерцание.
Это статья из цикла заметок по CSS анимации и эффектам.
Эта анимация создаёт эффект мягкого свечения вокруг элемента, будто он излучает свет. Часто используется для привлечения внимания к кнопкам, ...
Читать
Октябрь 22, 2017 г.
Замечательные псевдо-классы, которые позволяют добавить виртуальные контейнеры в начало или конец контейнера. Как они работают и почему могут "не сработать"? ...
Читать
Октябрь 10, 2017 г.
Классическая задача о позиционировании контейнера относительно центра родительского блока. Я писал уже о некоторых простых способах установить контейнер ...
Читать