placeholder文字設定樣式

placeholder佔位符文字,也可以設置對應的顏色,透明度等樣式,具體如下:

/*placeholder字體顏色*/
::-webkit-input-placeholder { /* WebKit browsers */
    color:#ccc;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#ccc;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#ccc;opacity:1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#ccc !important;
}


特別注意:

從 Firefox 19 開始一個冒號的僞類定義方式 :-moz-placeholder 被廢棄了,切換爲兩個冒號的僞元素定義方式。與此同時,它還添加了一個默認的 opacity: 0.54 不透明度樣式,如果需要,可以覆蓋掉該樣式,否則文字是半透明的。


IE10+中若有層級定義,優先級會更高,會出現覆蓋問題;解決辦法增加了 !important 屬性即可:



備註:測試出來的bug,纔是我們需要解決自身缺陷,感謝他們!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章