1. 程式人生 > >input提示文字;placeholder字體修改

input提示文字;placeholder字體修改

紅色 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字體修改