Убрать свечение Firefox на сфокусированной текстовой области

Question

Я не могу понять это. Я пытаюсь избавиться от этого синего свечения, когда в Firefox выделено textarea.

Вот мой CSS:

textarea
{
    margin:0;
    padding:0;
    width: 598px;
    height: 600px;
    resize: none;
    outline: none;
}

:focus {
      outline:0;
      outline:none;
}

Он удаляет его в Safari, но мне не повезло с Firefox.

Спасибо! Matt

Answer 1

как насчет

*:focus {outline:0px none transparent;}

Answer 2

Вы можете удалить его с помощью -moz-appearance:none;, хотя это может повлиять на весь внешний вид больше, чем вы хотите.

Answer 3

Если вы используете это в стиле textarea:

outline:none;

... он должен работать со всеми браузерами, а не только с Firefox

Answer 4

Я вполне уверен, что это специфическое для Mac OS X поведение.

Answer 5

Просто добавьте или определите границу ... например, если граница определена, и я добавил контур: нет;на мой CSS, это делает трюк.

Answer 6

У меня только что возникла проблема с этим при вводе текста - Firefox использовал свойство border для создания синего свечения: фокус - не контур.

Answer 7

Слегка несвязанный, но, возможно, полезный ответ: в моем случае голубое свечение вызывало проблему с выравниванием только в Firefox, поскольку он добавляет один или два дополнительных пикселя и изменяет общий размер элемента.Я предполагаю, что многие люди придут к этому вопросу по схожим причинам, и вместо того, чтобы полностью убрать синее свечение, я пришел к решению, чтобы стилизовать отступы для элементов ввода специально для Firefox:Вы можете изменить это в соответствии со своими потребностями, но некоторым из вас может быть полезно узнать о @-moz-document url-prefix() правиле.

Answer 8

на # 3

   #Solution0:focus{
      border:solid #CCC 1px;
      outline:1px none transparent;
   }

1004 *

Answer 9

На мой взгляд, лучший способ исправить это - определить пользовательскую границу и поведение :focus.

textarea {
    margin:0;
    padding:0;
    width: 598px;
    height: 600px;
    resize: none;
    outline: none;
    border: none;
}

textarea:focus {
      outline: none;
      border: none;
}

Answer 10

Я думаю, вы не можете удалить свечение в Firefox. Единственный способ сделать это - добавить пользовательскую границу к вашему элементу, например border: 1px black;, в результате чего в поле ввода вообще не будет свечения.

Только популярными браузерами, которые допускают использование тега outline, являются Safari и Chrome (не уверен насчет Linux-браузеров).