Новые уроки
Получай новые уроки по RSS

Подписка на рассылку


Голосование
Чего выкладывать больше?
Программ
Уроков
Скриптов
Шаблонов
Макетов
CMS
Видеоуроков
Облако тегов

CSS → Избавиляемся в Safari от внешнего свечения раз и навсегда!

Когда вы создаете веб-интерфейс или просто веб-сайт вы всегда должны сделать его отображаемым во всех браузерах одинаковым. Но браузеры Safari и Google Chrome выделяют наши поля ввода синей и жолтой линией. В этой статье я покажу вам, как просто удалить светящийся синий контур Safari и Google Chrome.
Избавиляемся в Safari от внешнего свечения раз и навсегда!


В нормальном состоянии наше поле ввода выглядит следующим образом:
Избавиляемся в Safari от внешнего свечения раз и навсегда!


Обратите внимание на эффект, который появляется на фокус ввода:
Избавиляемся в Safari от внешнего свечения раз и навсегда!


Чтобы удалить этот раздражающий эффект выделения нам просто необходимо добавить еще один CSS стиль и синяя обводка исчезнет:

input:focus
{
  outline: none;
}


Теперь у нас выглядит как и должно быть!
Избавиляемся в Safari от внешнего свечения раз и навсегда!


Способ простой, но очень эффективный. Спасибо за внимание ;)
Опубликовал dimas_ua, 16-02-2011, 00:00 Комментариев: 3
 (голосов: 0)
Пишет Dunpeal, 18 февраля 2011 21:43
  • Сообщений: 0
  • Новостей: 0
Спасибо, работает. Ещё могу дополнить:

input:focus, div:focus
{
outline: none;
}

дивы тоже страдают от этого
Пишет dimas_ua, 19 февраля 2011 11:20
  • Сообщений: 11
  • Новостей: 354
ну да можно и так ;)
Пишет Дмитрий, 16 мая 2011 03:13
  • Сообщений: 0
  • Новостей: 0
Спасибо...