Pseudotřída placeholder-shown

Pseudotřída placeholder-shown nastavuje styl inputu nebo textarei, u kterých se zobrazuje tzv. text-nápověda, mizející po zahájení zadávání textu.

Syntaxe

cssselektor:placeholder-shown {}

Příklad

Nastavme červený rámeček pro input, ve kterém se zobrazuje text-nápověda, a po jeho zadání se rámeček přebarví na zelenou:

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

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

Результат:

Viz také