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

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

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

Ответ 1

Попробуйте следующее:

input:focus {
    outline: none;
}

Ответ 2

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

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

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