修改照片底色 怎么修改input中placeholder的字體顏色?
怎么修改input中placeholder的字體顏色?首先,讓我們簡(jiǎn)單地編寫(xiě)一個(gè)包含輸入和文本區(qū)域的HTML頁(yè)面,簡(jiǎn)單地設(shè)置基本樣式,并注意占位符。然后在瀏覽器中預(yù)覽效果,您將看到默認(rèn)占位符顏色為灰色
怎么修改input中placeholder的字體顏色?
首先,讓我們簡(jiǎn)單地編寫(xiě)一個(gè)包含輸入和文本區(qū)域的HTML頁(yè)面,簡(jiǎn)單地設(shè)置基本樣式,并注意占位符。
然后在瀏覽器中預(yù)覽效果,您將看到默認(rèn)占位符顏色為灰色。接下來(lái),設(shè)置占位符的字體顏色
修改paleholder內(nèi)部文本的CSS樣式
1::-WebKit輸入占位符{
2顏色:紅色
3字體大?。?0px
4行高:50px
5}
修改名為test1的類(lèi)的paleholder內(nèi)部文本的CSS樣式。Test1::-WebKit輸入占位符{
顏色:紅色
字體大?。?0px
行高:50px
另外,50px
!]<!DOCTYPE HTML>
<<>
<head>
<meta charset=“UTF-8”>
< title></title>
!<<!<!doctypehtml>>
<>>;>;HTTP>;HTTP>
]<>;中的>;和>;中的>;和>;中的>;和>;在>
!ltinputclass=“test1”Type=“text”placeholder=“test”/>
<input Type=“text”placeholder=“test”/>
</body>
</HTML>
如何修改placeholder樣式?
由于每個(gè)瀏覽器的CSS選擇器不同,因此有必要對(duì)每個(gè)瀏覽器進(jìn)行單獨(dú)的設(shè)置(輸入和文本區(qū)域可以寫(xiě)在冒號(hào)之前)。
::-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輸入占位符{
顏色:#666
}