Может кто-нибудь объяснить, как удалить оранжевую или синюю границу (внешнюю) вокруг текстовых / входных полей? Я думаю, что это происходит только в Chrome, чтобы показать, что окно ввода активно. Вот вход CSS, который я использую:
input {
background-color: transparent;
border: 0px solid;
height: 20px;
width: 160px;
color: #CCC;
}
Эта граница используется, чтобы показать, что элемент сфокусирован (т.е. Вы можете ввести вход или нажать кнопку с Enter). Вы можете удалить его, хотя:
textarea:focus, input:focus{
outline: none;
}
Возможно, вы захотите добавить какой-то другой способ, чтобы пользователи знали, какой элемент имеет фокус клавиатуры, хотя и для удобства использования.
Chrome также будет применять выделение к другим элементам, таким как DIV, используемые в качестве модальных элементов. Чтобы предотвратить выделение этих и всех других элементов, вы можете сделать:
*:focus {
outline: 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;
}