input的一些默认样式的更改

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;}

你可能感兴趣的:(input的一些默认样式的更改)