Псевдокласи 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;
}

Результат:

Ҳамчунин нигаред