設(shè)置placeholder的字體顏色 怎么修改input中placeholder的字體顏色?
怎么修改input中placeholder的字體顏色?首先,讓我們簡單地編寫一個包含輸入和文本區(qū)域的HTML頁面,簡單地設(shè)置基本樣式,并注意占位符。然后在瀏覽器中預(yù)覽效果,您將看到默認占位符顏色為灰色
怎么修改input中placeholder的字體顏色?
首先,讓我們簡單地編寫一個包含輸入和文本區(qū)域的HTML頁面,簡單地設(shè)置基本樣式,并注意占位符。
然后在瀏覽器中預(yù)覽效果,您將看到默認占位符顏色為灰色。下一步,設(shè)置占位符的字體顏色
由于每個瀏覽器的CSS選擇器不同,您需要為每個瀏覽器分別進行設(shè)置(輸入和文本區(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輸入占位符, textarea:-ms先輸入占位符, 我們只使用一個輸入框創(chuàng)建一個簡單的HTML文檔。然后我們定義輸入框的寬度和高度,以及字體顏色大小和占位符2的值。然后我們在瀏覽器中查看它,在我們的輸入框中顯示提示文本,也就是說,占位符是灰色的,這不是我們設(shè)置的顏色。我們檢查元素,看到輸入的顏色值是紅色的。三。這是因為占位符中文本的顏色不受輸入的顏色值控制,所以需要重寫它。我們需要在元素后面添加:然后添加輸入占位符屬性。4但這還不夠?,F(xiàn)在有許多瀏覽器內(nèi)核。我們需要同時考慮多個瀏覽器,因為瀏覽器這個所謂屬性的兼容性不是很好。5在此設(shè)置之后,頁面中所有輸入標簽的占位符中的文本為藍色。我們可以添加一個類來區(qū)分輸入
常用的方法是用文本框的值來模擬占位符,克隆一個原始文本框,將其值設(shè)置為原始文本框的占位符值,給克隆的文本框添加樣式(文本顏色模擬為占位符的灰色),然后隱藏原始文本框。單擊克隆的文本框時,將其隱藏并顯示原始文本框。同時,使用JS的focus()方法在原始文本框中定位焦點光標。
如何設(shè)置css3中placeholder的字體顏色?
結(jié)果:占位符[English][multiple?sh?LD?(R)][American][ple?hold?]n?占位符快捷方式再次出現(xiàn)在另一個函數(shù)文本中,我們傳遞給foreach?placeholder。2內(nèi)聯(lián)標簽的示例,其中標簽充當表單字段中的占位符文本。
input標簽里的字體顏色怎么改?
參考如下:
1,[textfield setValue:[uicolor redcolor]forkeypath:@“占位符標簽.textColor“]這種方法有時可能有用。
2. [uitextfield appearance]settintcolor:[uicolor redcolor
此方法影響所有文本字段。
3、 textField.tintColor=[uicolor redcolor]此設(shè)置在interface builder中不易使用。
怎么用原生js讓ie7兼容placeholder?
修改paleholder內(nèi)部文本的CSS樣式
1::-WebKit輸入占位符{
2顏色:紅色
3字體大?。?0px
4行高:50px
5}
修改名為test1的類的paleholder內(nèi)部文本的CSS樣式。Test1::-WebKit輸入占位符{
顏色:紅色
字體大?。?0px
行高:50px
}
例如:
<!DOCTYPE HTML>
<html>
<head>
<meta作為“UTF-8”>
< title>></title>
<>
<>
<>
<>
[height:50px
[font size:14px]行高:50px
!]&</gt>
]&<</head>
]&<</head>
&<</head>
&< body<>>>
!&<><><><>>
!]&<<><>>>;body&body&body<&&>>
!]&&&&&&<&“我不知道占位符=”test“/>
</body>
</HTML>
placeholder是什么意思?
有很多實現(xiàn)方法,最簡單的是使用HTML5的占位符,<input type=“text”placeholder=“沒有輸入時,我會出現(xiàn)!“/>.當然,HTML5不支持ie,另一種方法是使用您提到的js,即判斷輸入框中是否有內(nèi)容聚焦和模糊,然后動態(tài)更改輸入框的值。智湖是另一個。它在輸入上浮動一層標簽。單擊“標簽”時,標簽將隱藏自身,并且輸入框是焦點。當輸入框為藍色時,將顯示浮動層。