Очень просто. В таблице стилей пропишите для input и textarea следущее
input,
textarea {
outline:none;
}
Когда это может понадобиться? Дизайнеры любят перерисовывать системные контролы под дизайн, например такой красивый input, который должен тянуться на всю предоставляемую ему ширину
![]()
А теперь поместим курсор в поле ввода.
![]()
Пример из сделанной недавно верстки
Выглядит немного неаккуратно, неправда ли?
Это же свойство можно использовать, если надо избавиться от рамки вокруг ссылок при фокусе на них. Чтобы, например, не портить «красоту» меню.
![]()
Хотя убирать outline и неправильно. При навигации по сайту с помощью только клавиатуры эта рамочка помогает понять, на каком элементе сейчас фокус.
Кликните поочередно на ссылки или используйте клавишу TAB, чтобы навести фокус на них:
обводка есть / обводка убрана
-
Сейчас Вы просматриваете CSS Guru архивы блога за Апрель 2009.
