Pseudoclassi ya placeholder-shown

Pseudoclassi placeholder-shown huweka mtindo kiingizio au eneo la maandishi, ambalo linaonyesha kinachojulikana kama maandishi ya kiashiria, yanayotoweka baada ya kuanza kuingiza maandishi.

Kisarufi

csskichaguzi:placeholder-shown {}

Mfano

Wacha tuweke mzunguko wa nyekundu kwa kiingizio, ambacho kinaonyesha maandishi ya kiashiria, na baada ya kuingiza kwake mzunguko uwe ukibadilisha rangi kuwa kijani:

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

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

Результат:

Angalia pia