it-swarm.com.ru

Как удалить стиль Chrome по умолчанию для выбора ввода?

Как удалить стандартную желтую рамку с поля Выбранного ввода и выбрать поля в Chrome или любом браузере, например Safari? Я хочу настроить ввод с помощью пользовательского поля shadow css. Как убрать границу выбора браузера по умолчанию?

39
monk
-webkit-appearance: none;

и добавьте свой собственный стиль

74
Sowmya
textarea, input { outline: none; }

через https://stackoverflow.com/a/935572/1036298

30
Nithin Emmanuel

Mixin для Меньше

.appearance (@value: none) {
    -webkit-appearance:     @value;
    -moz-appearance:        @value;
    -ms-appearance:         @value;
    -o-appearance:          @value;
    appearance:             @value;
}
9
Pesulap

В вашем CSS добавьте это:

input {-webkit-appearance: none; box-shadow: none !important; }
:-webkit-autofill { color: #fff !important; }

Только для Chrome! :)

6
Praveen Kumar Purushothaman

использовать простой код для удаления стиля браузера по умолчанию для контура

input { outline: none; }
4
Behnam Mohammadi

вход: -webkit-autofill { фон: #fff! важный; }

2
supersaiyan

Вы говорите о том, когда вы нажимаете на поле ввода, а не просто наводите курсор на него? Это исправило это для меня:

input:focus {
   outline: none;
   border: specify yours;
}
0
Adam