css3應(yīng)用 如何設(shè)置css3中placeholder的字體顏色？
如何設(shè)置css3中placeholder的字體顏色？由于每個(gè)瀏覽器的CSS選擇器不同，您需要為每個(gè)瀏覽器分別進(jìn)行設(shè)置（您可以在冒號(hào)之前寫(xiě)入輸入和文本區(qū)域）。：：-webkit輸入占位符{/*webki
如何設(shè)置css3中placeholder的字體顏色？
由于每個(gè)瀏覽器的CSS選擇器不同，您需要為每個(gè)瀏覽器分別進(jìn)行設(shè)置（您可以在冒號(hào)之前寫(xiě)入輸入和文本區(qū)域）。
：：-webkit輸入占位符{/*webkit瀏覽器*/
顏色：#999
}
：-moz占位符{/*Mozilla Firefox 4到18*/
顏色：#999
}
：-moz占位符{/*Mozilla Firefox 19*/
顏色：#999
}
：-ms輸入占位符{/*Internet Explorer 10*/
Color:#-999]}
也可以這樣寫(xiě)：
]輸入：#-WebKit輸入占位符，文本區(qū)：#-WebKit輸入占位符{
顏色：#-666]}輸入：-moz占位符， textarea:-moz占位符{
顏色：#666
}
輸入：：-moz占位符，文本區(qū)域：：-moz占位符{
顏色：#666
}輸入：-ms輸入占位符， 文本區(qū)域：-ms輸入占位符{
Color:#666]}
placeholder是HTML5熟悉的一種新輸入，主要是為了讓表單體驗(yàn)更智能，相當(dāng)于value屬性，但是它有一個(gè)優(yōu)點(diǎn)，就是當(dāng)我們關(guān)注輸入的文本時(shí)，會(huì)自動(dòng)清除placeholder=“default value”的文本，但是兼容性不是很好，至少ie似乎需要9以上的支持，所以PC端的很多焦點(diǎn)處理還是用JS
for attribute應(yīng)該是label的屬性？？它綁定到輸入的ID。當(dāng)我們單擊輸入前面的文本ID時(shí)，我們會(huì)自動(dòng)將焦點(diǎn)放在文本框上，例如：]<form>
<label for=“name”> user name</label>
<input type=“text”name=“name”accessKey=“C”ID=“name”/>
</form>
在這個(gè)示例中，當(dāng)我單擊用戶(hù)名時(shí)，它會(huì)自動(dòng)聚焦在文本框上，即光標(biāo)會(huì)自動(dòng)定位在文本框中
修改paleholder中文本的CSS樣式
1:：-WebKit輸入占位符{
2顏色：紅色
3字體大?。?0px
4行高：50px
5}
修改內(nèi)部文本的CSS樣式。Test1:：-WebKit輸入占位符{
顏色：紅色
字體大小：20px
行高：50px
}
例如：
<！DOCTYPE HTML>
<html>
<head>
<meta charset=“UTF-8”>
<title></Title>
<style>
輸入{
]高度：50px
字體大?。?4px
行高：50px
50px
}。Test1:：-WebKit輸入占位符{
顏色：紅色
字體大小：20px
行高：50px
}
</style>
</head>
<body>
<input class=“Test1”type=“text”placeholder=“test”/>
<input type=“text”placeholder=“test”/>
</body>
</HTML>