html输入框颜色属性,css 修改input输入框属性

1.修改输入框颜色背景色等

input[type=text] {

width: 340px;

padding: 0 25px;

height: 48px;

border: 1px solid #f2f2f2;

background: #f6f6f6;

color: #202124;

font-size: 14px;

line-height: 48px;

border-radius: 25px;

}

2.修改输入框选中时的边框颜色及背景色

input[type=text]:focus {

outline: none;

border-color: #2ca63b;

background-color: #fff;

}

input[type=text]::selection{

background:transparent;

background-color: #fff;

}

input[type=text]::-moz-selection{

background:transparent;

background-color: #fff;

}

3.修改placeholder颜色

input[type=text]::-webkit-input-placeholder { /* WebKit browsers */

color: #bababa;

}

input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

color: #bababa;

}

input[type=text]::-moz-placeholder { /* Mozilla Firefox 19+ */

color: #bababa;

}

input[type=text]:-ms-input-placeholder { /* Internet Explorer 10+ */

color: #bababa;

}

来源：https://www.cnblogs.com/wylj/p/10207146.html