Хочу рассказать Вам все о сайтах, что узнал сам за 10 лет.
Блог Виталия Жукова Vitalik.WS Свой сайт с нуля - легко!
Обо мне, как об авторе блога.
Подробнее
Vitalik.WSЗаметки → Как убрать рамку у полей textarea и input в Chrome/Safari

Как убрать рамку у полей textarea и input в Chrome/Safari
Заметка на тему: CSS

Иногда какая-нибудь мелочь способна испортить всю стилистику дизайна. Так смотришь, вроде бы textarea и input поля выглядят нормально, но как только кликаешь на них - появляется какая-то синяя рамка. Я вообще работаю сразу в нескольких браузерах для создания частичной кроссбраузерности. Об идеальной кроссбраузерности, конечно, речи не идет, но все же когда тестируешь сразу линейку современных браузеров - на душе как-то спокойнее. Так вот, такая штука с рамкой при клике была замечена именно в Chrome, хотя по поиску заметил, что такое еще бывает и в Safari браузере.

Ну что ж, это небольшая проблема верстки и её нужно решить. А сделать это очень просто, достаточно прописать в CSS стиле вот это:
textarea:focus, input:focus
{
  outline: none;
}

И сразу же все поля textarea и input перестанут обводиться в эту пресловутую синюю рамку.

Вот и все - нарушающая дизайн рамка удалена. Всем правильной верстки и внимания к деталям! =)

Все комментарии к заметке "Как убрать рамку у полей textarea и input в Chrome/Safari"

  • Комментариев еще нет.
    Оставьте свой комментарий первым!
Написать свой комментарий:
Отправить
ВНИМАНИЕ! Пожалуйста НЕ пишите в комментариях рекламу, оскорбления, бессмыслицу и прочие проявления интернет-нечисти, так как эти сообщения всеравно не будут опубликованы. Пишите исключительно по теме и ваш комментарий обязательно будет опубликован, а возможно и прокомментирован.
 Подписывайтесь на мой блог
Хотите первыми узнавать о самом интересном? Тогда подпишитесь на рассылку новостей.
Подписаться
Подписавшись на рассылку, Вы всегда будете в первую очередь узнавать о самой важной и полезной для блоггеров и веб-мастеров информации.