Miten muutetaan placeholderin väriä
- Edellinen sivu Muokattavan sisällön reunat
- Seuraava sivu Estää tekstialueen kokoonpanon muuttaminen
Opi, miten muutat placeholderin ominaisuuksien väriä CSS:n avulla.
Miten muutetaan placeholderin väriä
Ensimmäinen vaihe - Lisää HTML:
Käytä syötteen elementtiä ja lisää placeholder Ominaisuus:
<input type="text" placeholder="A red placeholder text..">
Toinen vaihe - Lisää CSS:
Useimmissa selaimissa placeholder-teksti on harmaa. Tämän asetuksen muuttaminen tapahtuu käyttämällä ::placeholder valitsin asettaaksemme placeholderin tyylit.
Huomaa, että Firefox lisää placeholderille matalamman läpinäkyvyyden, joten käytämme opacity: 1 Tämä ongelma ratkaistaan.
::placeholder {
color: red;
opacity: 1; /* Firefox */
{}
::-ms-input-placeholder { /* Edge 12 -18 */
color: red;
{}
Liittyvät sivut
Viittomakirja:CSS ::placeholder valitsin
- Edellinen sivu Muokattavan sisällön reunat
- Seuraava sivu Estää tekstialueen kokoonpanon muuttaminen
