更改input標簽的placeholder的樣式


主要是要區別不同瀏覽器的不同css類

在input框中有時想將輸入的字和placeholder設為不同的顏色或其它效果,這時就可以用以下代碼來對placeholder進行樣式設置了。

input::-webkit-input-placeholder{}    /* 使用webkit內核的瀏覽器 */
input:-moz-placeholder{}                  /* Firefox版本4-18 */
input::-moz-placeholder{}                  /* Firefox版本19+ */
input:-ms-input-placeholder{}           /* IE瀏覽器 */
注1:冒號前寫對應的input或textarea元素等。
注2:placeholder屬性是css3中新增加的屬性,IE9和Opera12以下版本的CSS選擇器均不支持占位文本。
如:
input::-webkit-input-placeholder {
    color: red;
    font-size: 25px;
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM