Psevdorazred placeholder-shown

Psevdorazred placeholder-shown določa slog vnosnemu polju ali območju besedila, ki prikazuje t.i. besedilo-namig, ki izgine po začetku vnosa besedila.

Sintaksa

cssselektor:placeholder-shown {}

Primer

Nastavimo rdeč okvir za vnosno polje, v katerem je prikazano besedilo-namig, po vnosa pa naj okvir prebarva v zeleno:

html<form>
  <input placeholder="enter the text">
</form>
cssinput {
  border: 1px solid green;
}
input:placeholder-shown {
  border-color: red;
}

Результат:

Glejte tudi