如何删除选择输入的默认chrome样式？

Question

如何删除选定输入的默认黄色框边框并选择chrome或任何浏览器(如safari)中的字段？我想用自定义框阴影css自定义输入.如何删除默认浏览器选择边框？

Answer 1

-webkit-appearance: none;

并添加自己的风格

Answer 2

textarea, input { outline: none; }

通过/sf/answers/65490071/

Answer 3

Mixin for Less

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

Answer 4

在你的CSS中添加:

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

仅适用于Chrome!:)

Answer 5

使用简单的代码删除轮廓的默认浏览器样式

input { outline: none; }