input提示文字;placeholder字體修改
阿新 • • 發佈:2017-09-13
紅色 webkit pla color 需要 ref 很多 nbsp int
在很多網站上我們都看到input輸入框顯示提示文字,讓我們一起來看看如果在input輸入框中顯示提示文字。我們只需要在<input>標簽裏添加:placeholder="提示文字即可"。
<style>
/*修改提示文字的顏色*/
input::-webkit-input-placeholder { /* WebKit browsers */
color: red;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: red;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
color: red;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
color: red;
}
input { color:blue; }
</style>
設置以後如果input 有placeholder,字體會變成紅色,然後輸入文字後,文字馬上會變成藍色
input提示文字;placeholder字體修改