Placeholder-shown psevdo-sinfi

placeholder-shown psevdo-sinfi, daxil edilmə başlayandan sonra yox olan yer tutucu mətn göstərən input və ya textarea üçün tərzi təyin edir.

Sintaksis

cssselektor:placeholder-shown {}

Nümunə

Gəlin, yer tutucu mətn göstərən input üçün qırmızı çərçivə təyin edək, mətn daxil edildikdən sonra isə çərçivə yaşıl rəngə çevrilsin:

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

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

Результат:

Həmçinin bax