Псевдокласс placeholder-shown

Псевдокласс placeholder-shown инпут ёки текстареа учун текст киритиш бошланганда йўқоладиган текст-ўрнак курсатилгандаги услубни белгилайди.

Синтаксис

cssселектор:placeholder-shown {}

Мисол

Келтирилган инпут учун қизил раамли чекни белгилаймиз, унинг ичида текст-ўрнак курсатилади, ва ундан сўнг уни киритганда раам яшил рангга айланади:

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

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

Результат:

Шунингдек қаранг