CSS ::placeholder Selector
Příklad
Změňte barvu zástupného textu vstupního pole:
::-webkit-input-placeholder
{ /* Edge */
color: red;
}
:-ms-input-placeholder
{ /* Internet Explorer 10-11 */
color: red;
}
::placeholder
{
color: red;
}
Definice a použití
Selektor vybere prvky formuláře se ::placeholder
zástupným textem a umožní vám stylovat zástupný text.
Zástupný text je nastaven pomocí atributu zástupného symbolu, který určuje nápovědu popisující očekávanou hodnotu vstupního pole.
Tip: Výchozí barva zástupného textu je ve většině prohlížečů světle šedá.
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje selektor.
Čísla následovaná -webkit-, -moz- nebo -ms- určují první verzi, která pracovala s předponou.
Selector | |||||
---|---|---|---|---|---|
::placeholder | 57.0 4.0 -webkit- |
12.0 -webkit- 10.0 -ms- |
51.0 4.0 -moz- |
10.1 5.0 -webkit- |
44.0 15.0 -webkit- |
Syntaxe CSS
::placeholder {
css declarations;
}