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

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

Σύνταξη

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

Παράδειγμα

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

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

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

Δείτε επίσης

το χαρακτηριστικό placeholder,
που ορίζει την υπόδειξη για το πεδίο εισαγωγής
το ψευδο-στοιχείο placeholder,
που ορίζει στυλ για την υπόδειξη