美文网首页css
input的一些默认样式的更改

input的一些默认样式的更改

作者: 柠檬汁酸 | 来源:发表于2018-04-10 11:32 被阅读21次

    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的一些默认样式的更改

        本文链接:https://www.haomeiwen.com/subject/npvghftx.html