Placeholder-shown psevdoklassi

placeholder-shown psevdoklassi hozirda matn-ko'rsatkich (placeholder) ko'rsatilayotgan input yoki textarea elementiga uslub belgilaydi. Bu ko'rsatkich matn kiritish boshlanganda yo'qoladi.

Sintaksis

cssselector:placeholder-shown {}

Misol

Keling, matn-ko'rsatkichi ko'rsatilayotgan inputga qizil ramka o'rnataylik. Matn kiritilgach esa, ramka yashil rangga almasinsin:

html<form>
  <input placeholder="matnni kiriting">
</form>

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

Результат:

Shuningdek qarang