Отключение тени ввода формы Webkit

Возможный дубликат:
Как удалить границу вокруг текстовых полей и полей ввода? (Chrome)

Есть ли способ отключить цветную тень, создаваемую браузерами Webkit, когда элемент формы получает фокус? Он желтый в Chrome и синий в Safari и мешает любым настраиваемым стилям фокуса, которые я пытаюсь реализовать.


person derekerdmann    schedule 03.03.2010    source источник
comment
Это называется рамкой или рамкой, а не тенью.   -  person SLaks    schedule 03.03.2010


Ответы (2)


Попробуй это:

input:focus {
    outline: none;
}
person Crozin    schedule 03.03.2010

Вы можете попробовать outline: none, но учтите, что обычно это нежелательно по причинам удобства использования. Всегда помните Закон Якоба Нильсена о взаимодействии с веб-пользователями:

Пользователи проводят большую часть своего времени на других сайтах.

Это означает, что они формируют свои ожидания в отношении вашего сайта на основе того, что обычно делается на большинстве других сайтов. Если вы отклонитесь, вашим сайтом будет труднее пользоваться, и пользователи уйдут.

person ЯegDwight    schedule 03.03.2010