Πώς να αλλάξετε το χρώμα του placehodler

Πώς να αλλάξετε το χρώμα του placehodler

Πρώτη Βήμα - Προσθήκη HTML:

Χρησιμοποιήστε το στοιχείο εισαγωγής και προσθέστε placeholder Αξία:

<input type="text" placeholder="A red placeholder text..">

Δεύτερη Βήμα - Προσθήκη CSS:

Σε πολλούς περιηγητές, το κείμενο του placehodler είναι σκοτεινό. Για να αλλάξετε αυτή τη ρύθμιση, χρησιμοποιήστε ::placeholder επιλογείς για να ρυθμίσεις το στυλ του placehodler.

Παρακαλώ σημειώστε ότι το Firefox προσθέτει χαμηλή διαφάνεια στους placehodlers, οπότε χρησιμοποιούμε διαφάνεια: 1 λύστε αυτό το πρόβλημα.

::placeholder {
  χρώμα: κόκκινο;
  διαφάνεια: 1; /* Firefox */
{}
::-ms-input-placeholder { /* Edge 12 -18 */
  χρώμα: κόκκινο;
{}

Δοκιμάστε το προσωπικά

Σχετικές σελίδες

Εγχειρίδιο αναφοράς:CSS ::placeholder επιλογέας