Pseudotrieda placeholder-shown

Pseudotrieda placeholder-shown nastavuje štýl inputu alebo textarei, ktorým sa zobrazuje tzv. text-nápoveda, ktorý zmizne po začatí zadávania textu.

Syntax

cssselektor:placeholder-shown {}

Príklad

Nastavme červený rámček pre input, v ktorom sa zobrazuje text-nápoveda, a po jeho zadaní nech sa rámček prefarbí na zelený:

html<form>
  <input placeholder="enter the text">
</form>

cssinput {
  border: 1px solid green;
}
input:placeholder-shown {
  border-color: red;
}

Результат:

Pozri tiež