Как убрать контур
Кто-нибудь может сказать, как убрать эту схему? outline-color ничего не делает. Если я использую outline: none, он становится выпуклым.
Пример:
Я попробовал изменить цвет контура, но никаких изменений.
input {
outline-style: auto;
background-color: #363636;
/* deactivated by editor
position: absolute;
left: 650px;
bottom: 115px;
*/
}<input>Используйте инструменты разработки вашего браузера и проверьте элемент, чтобы увидеть, что на самом деле происходит. По крайней мере, в Chrome контур применяется через :focus-visible { outline: -webkit-focus-ring-color auto 1px; } и input:focus-visible { outline-offset: 0px; }, исходя из таблицы стилей пользовательского агента — так что это то, что вам придется явно перезаписать.
граница: нет; просто добавь это
Ответы 3
стиль контура: сплошной цвет контура: #fff граница: нет
это не касается схемы. Граница и контур — это две совершенно разные вещи
ОП говорит об контуре , который обычно виден при фокусировке на (входной) элемент.
Добавьте outline: none и border: none
И вы получите желаемый результат
input {
background-color: #363636;
outline: none;
border: none;
color: white;
}<input>Чтобы изменить цвет, размер и стиль контура. Вам следует использовать свойство CSS outline.
Сокращение свойства структуры работает следующим образом:
outline: width style color;
Кроме того, один и тот же border цвета, размера и стиля ввода может измениться:
border: width style color;
Пример здесь:
input {
border: none;
background-color: #363636;
outline: 2px solid red;
}<input />Кроме того, если вы хотите удалить контур, используйте свойство CSS как outline: none;.
outline: none— способ удалить. Что вы подразумеваете подit becomes convex?