1.Chrome瀏覽器下，記住密碼之后，輸入框為黃色的背景，

/*忘記密碼后的黃色背景的去除*/

/*只對非透明的純色背景有效*/

input:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px white inset !important;}

/*適用于背景為透明色的輸入框*/

input:-webkit-auto-fill{-webkit-text-fill-color: #fff!important;transition: background-color 5000s ease-in-out 0;}

2.input輸入框點擊時有藍色的外框

input:focus,textarea:focus{ outline:none;}

3.input的placeholder的文字顏色的更改

/*input placeholder*/

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #dbdbdb; }

input::-moz-placeholder { /* Mozilla Firefox 19+ */color: #dbdbdb; }

input::-webkit-input-placeholder{color: #dbdbdb;}

input:-ms-input-placeholder {color: #dbdbdb;}

總結

以上是生活随笔為你收集整理的html输入框点击后去掉默认文字颜色,input的一些默认样式的更改的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。