Как удалить границу фокусировки (внешнюю) вокруг текстовых / входных полей? (Хром)

Эта граница используется, чтобы показать, что элемент сфокусирован (т.е. Вы можете ввести вход или нажать кнопку с Enter). Вы можете удалить его, хотя:

textarea:focus, input:focus{
    outline: none;
}

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

Chrome также будет применять выделение к другим элементам, таким как DIV, используемые в качестве модальных элементов. Чтобы предотвратить выделение этих и всех других элементов, вы можете сделать:

*:focus {
    outline: none;
}

Текущий ответ не сработал для меня с Bootstrap 3.1.1. Вот что я должен был переопределить:

.form-control:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}

input:focus {
    outline:none;
}

Это будет делать. Оранжевый контур больше не появится.

<input style="border:none" >

Работал хорошо для меня. Хотел бы исправить это в самом HTML ... :)

Я нашел решение. Я использовал: «outline: none;» в CSS, и это, кажется, сработало. Спасибо за помощь в любом случае. :)

Решение

*:focus {
    outline: 0;
}

PS: используйте outline: 0 вместо outline: none on focus. Это действительно и лучшая практика.

это удаляет оранжевую рамку из хрома из всех и любых элементов, независимо от того, что и где это

*:focus {
    outline: none;
}

Пожалуйста, используйте следующий синтаксис, чтобы удалить границу текстового поля и удалить выделенную границу стиля браузера.

input {
    background-color:transparent;
    border: 0px solid;
    height:30px;
    width:260px;
}
input:focus {
    outline:none;
}

Набор

input:focus{
    outline: 0 none;
}

«!важно "на всякий случай. Это не обязательно. [А теперь это ушло. & ndash; Ed.]

Это определенно сработает. Оранжевый контур больше не будет отображаться.. Общие для всех тегов:

*:focus {
    outline: none;
}

Специально для некоторого тега, например: входной тег

input:focus {
   outline:none;
}

Я узнал, что вы также можете использовать:

input:focus{
   border: transparent;
}