CSS ::placeholder teemaelementti

Määrittely ja käyttö

CSS ::placeholder teemaelementtiä käytetään <input> tai <textarea> Elementin paikkamerkinnän tekstin tyyli.

Paikkamerkinnän teksti asetetaan placeholder-ominaisuudella, joka kuvaa kentän odotettua arvoa.

Vinkki:Useimmissa selaimissa paikkamerkinnän tekstin oletusväri on vaaleanharmaa.

Esimerkki

Muuta syötteen kentän paikkamerkinnän tekstin väriä ja läpinäkyvyyttä:

input::placeholder {
  color: red;
  opacity: 0.5;
}

Kokeile itse

CSS syntaksi

::placeholder {
  css lausunnot;
}

Tekninen yksityiskohta

Versio: CSS Pseudo-elements Module Level 4

Selaimen tuki

Taulukossa olevat numerot määrittelevät ensimmäisen selaimen version, joka tukee kyseistä teemaelementtiä täysin.

Chrome Edge Firefox Safari Opera
57 79 51 10.1 44

Liittyvät sivut

CSS viittaus::placeholder-shown teema