Placeholder(占位符) 用來(lái)對(duì)可輸入字段的期望值提供提示信息，目前已經(jīng)得到主流瀏覽器的廣泛支持。這個(gè)屬性適用于 <textarea>多行文本框和 type屬性值為 text, password, search, tel, url 或者 email 等的 <input>。使用方式非常簡(jiǎn)單：

通常我們給input定義的樣式是針對(duì)輸入框里的輸入值的，而針對(duì)這個(gè)提示信息的樣式如何修改呢？

css3本來(lái)提供了一個(gè)::placeholder偽類選擇器

但目前支持它的瀏覽器很少，所以需要根據(jù)不同的瀏覽器進(jìn)行不同的定義

如果需要兼容老版本的 Firefox 瀏覽器，還需要添加下面這種只有一個(gè)冒號(hào)的樣式規(guī)則：

從 Firefox 19 開始一個(gè)冒號(hào)的偽類定義方式 :-moz-placeholder 被廢棄了，升級(jí)為兩個(gè)冒號(hào)的偽元素定義方式，不僅如此，還添加了一個(gè)默認(rèn)的 opacity: 0.54 不透明度樣式。根據(jù)不同的需求可以覆蓋掉該樣式，否則文字是半透明的：

完整地修改placeholder的樣式如下：

以上同樣適用于textarea:...

Tips:

以上代碼不能如下連起來(lái)寫噢

這樣寫會(huì)被某個(gè)瀏覽器不識(shí)別其中一個(gè)或多個(gè)選擇器，而造成整個(gè)css樣式失效！

介紹一下其它平臺(tái)對(duì)placeholder是如何修改其樣式的

• 微信小程序placeholder樣式

• Element UI