placeholder-shown pseudoklassy

placeholder-shown pseudoklassy, ýazylmaga başlandan soň ýitip gidýän ýerleşdirilýän teksti görkezýän input ýa-da textarea elementine stili belläp berýär.

Syntax

cssselektor:placeholder-shown {}

Mysal

Geliň, ýerleşdirilýän teksti görkezýän input üçin gyzyl çägäni kesgitläliň, ýazgy girizilende bolsa çäg ýaşyl reňke geçsin:

html<form>
  <input placeholder="teksti giriziň">
</form>

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

Результат:

Şeýle-de görüň