Come cambiare il colore del placeholder
- Pagina precedente Bordo del contenuto editabile
- Pagina successiva Disabilitare l'adattamento delle dimensioni dell'area di testo
Impara come usare CSS per cambiare il colore delle proprietà del placeholder.
Come cambiare il colore del placeholder
Primo passo - Aggiungi HTML:
Usa l'elemento di input e aggiungi placeholder Proprietà:
<input type="text" placeholder="Un testo placeholder rosso..">
Secondo passo - Aggiungi CSS:
Nel browser più parte, il testo dei placeholder è grigio. Per cambiare questa impostazione, utilizzare ::placeholder Selettore per impostare lo stile dei placeholder.
Si prega di notare che Firefox aggiunge una bassa opacità ai placeholder, quindi usiamo opacity: 1 Risolvere questo problema.
::placeholder {
color: red;
opacity: 1; /* Firefox */
{}
::-ms-input-placeholder { /* Edge 12 -18 */
color: red;
{}
Pagine correlate
Manuale di riferimento:Selettore ::placeholder di CSS
- Pagina precedente Bordo del contenuto editabile
- Pagina successiva Disabilitare l'adattamento delle dimensioni dell'area di testo
