Jak to zrobić — zmienić kolor zastępczy
Dowiedz się, jak zmienić kolor atrybutu zastępczego za pomocą CSS.
Kolor zastępczy
Krok 1) Dodaj kod HTML:
Użyj elementu input i dodaj atrybut placeholder:
Przykład
<input type="text" placeholder="A red placeholder text..">
Krok 2) Dodaj CSS:
W większości przeglądarek tekst zastępczy jest szary. Aby to zmienić, stylizuj symbol zastępczy za pomocą niestandardowego ::placeholder
selektora. Zauważ, że Firefox dodaje mniejsze krycie do symbolu zastępczego, więc używamy opacity:
1, aby to naprawić.
Przykład
::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;
}
Wskazówka: Przeczytaj więcej o selektorze ::placeholder w naszej dokumentacji CSS: CSS ::placeholder Property .