placeholder-shown Sözde Sınıfı

placeholder-shown sözde sınıfı, yer tutucu metin görüntülenen (ve bu metnin yazı girişi başladığında kaybolduğu) bir input veya textarea'ya stil belirler.

Sözdizimi

cssseçici:placeholder-shown {}

Örnek

Yer tutucu metnin görüntülendiği input için kırmızı bir kenarlık ayarlayalım, metin girildiğinde ise kenarlık yeşile dönsün:

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

Результат:

Ayrıca Bakınız

  • input alanı için yer tutucuyu belirleyen placeholder özniteliği,
  • yer tutucunun kendisine stil belirleyen placeholder sözde öğesi,