Ο ψευδο-κλάσος placeholder-shown

Ο ψευδο-κλάσος placeholder-shown ορίζει το στυλ ενός πεδίου εισαγωγής ή textarea, όπου εμφανίζεται το λεγόμενο κείμενο-υπόδειξη, που εξαφανίζεται μετά την έναρξη εισαγωγής κειμένου.

Σύνταξη

cssεπιλογέας:placeholder-shown {}

Παράδειγμα

Ας ορίσουμε ένα κόκκινο περίγραμμα για το πεδίο εισαγωγής, στο οποίο εμφανίζεται το κείμενο-υπόδειξη, και μετά την εισαγωγή κειμένου το περίγραμμα ας αλλάξει χρώμα σε πράσινο:

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

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

Результат:

Δείτε επίσης