Pseudo klasa placeholder-shown

Pseudo klasa placeholder-shown definiše stil inputu ili textarei, kojima se prikazuje tzv. tekst-trag, koji nestaje nakon početka unosa teksta.

Sintaksa

cssselektor:placeholder-shown {}

Primer

Hajde da postavimo crveni okvir za input, u kojem se prikazuje tekst-trag, a nakon njegovog unosa okvir neka se preboji u zeleno:

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

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

Результат:

Pogledajte takođe