色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

修改輸入框placeholder文字默認顏色-webkit-input-placeholder

老白8年前2228瀏覽0評論

在input、textarea等標簽中可能需要用到placeholder,默認是灰色的,但如果輸入框有復雜的配色,這時候可能就會對默認提示文字placeholder進行顏色設置,所以本文就是來分享如何修改placeholder文字默認顏色的:

先看案例:

placeholder文字默認顏色.gif

input{color: blue;}//輸入文字為藍色
/**/
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #f35; opacity:1; 
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #f35;opacity:1;
}
input:-ms-input-placeholder{
    color: #f35;opacity:1;
}
input::-webkit-input-placeholder{
    color: #f35;
}
</style>
<input class="inputText" id="id_card" name="id_card" placeholder="placeholder文字默認顏色" type="text">

使用中,請注意瀏覽器兼容!

在html5中input,textarea等元素新添加了placeholder的屬性,我們可以通過css設置placeholder的樣式,對于ie,firefox,以及webkit內(nèi)核的瀏覽器需要使用不同的樣式寫法。

案例2:

placeholder文字默認顏色2.png

<style>
input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #f35;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #f35;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #f35;
}
/**/
</style>
<input type="text" placeholder="搜索" value="">