Jak na to – Změna barvy zástupného symbolu
Přečtěte si, jak změnit barvu zástupného atributu pomocí CSS.
Barva zástupného symbolu
Krok 1) Přidejte HTML:
Použijte vstupní prvek a přidejte zástupný atribut:
Příklad
<input type="text" placeholder="A red placeholder text..">
Krok 2) Přidejte CSS:
Ve většině prohlížečů je zástupný text šedý. Chcete-li to změnit, upravte styl zástupného symbolu pomocí nestandardního ::placeholder
voliče. opacity:
Všimněte si, že Firefox přidává do zástupného symbolu nižší krytí, takže k nápravě používáme 1.
Příklad
::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: red;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet
Explorer 10-11 */
color: red;
}
::-ms-input-placeholder
{ /* Microsoft Edge */
color: red;
}
Tip: Přečtěte si více o selektoru ::placeholder v naší příručce CSS: CSS ::placeholder Property .