Удалите свечение Firefox на сфокусированной текстовой области
Я не могу понять этого. Я пытаюсь избавиться от того синего свечения когда textarea выделяется в Firefox.
Вот мой CSS:
textarea
{
margin:0;
padding:0;
width: 598px;
height: 600px;
resize: none;
outline: none;
}
:focus {
outline:0;
outline:none;
}
Это удаляет его в Safari, но я, не имеют никакой удачи с Firefox.
Спасибо! Матовый
6 ответов
Вы можете удалить его с помощью -moz-appearance: none; , хотя это может повлиять на весь внешний вид больше, чем вы того хотите.
Я уверен, что это поведение специфично для Mac OS X.
На мой взгляд, лучший способ исправить это - определить настраиваемую границу и : focus поведение.
textarea {
margin:0;
padding:0;
width: 598px;
height: 600px;
resize: none;
outline: none;
border: none;
}
textarea:focus {
outline: none;
border: none;
}
Вы не можете удалить свечение в Firefox, я думаю... Единственный способ сделать это - добавить пользовательскую границу к вашему элементу, например border: 1px black;, тогда поле ввода вообще не будет светиться.
Только популярные браузеры, которые позволяют использовать тег outline, это Safari и Chrome (не уверен насчет браузеров linux).
Просто добавьте или определите границу.. , например, если граница определена и я добавил контур: нет; для моего CSS это помогает.