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