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.修改輸入框選中時(shí)的邊框顏色及背景色

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

總結(jié)

以上是生活随笔為你收集整理的html输入框颜色属性,css 修改input输入框属性的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。