Muuda vormi Vormitäite (placeholder) teksti värvi CSS abil

Vajadus muuta vormitäite (placeholder) teksti värvi võib tekkida lihtsal põhjusel – tihtipeale selle tarbeks ei ole kujunduses eraldi võimalust loodud. Kui tavaliselt on olemas body, menu, header vm teksti värvi muutmine lihtne, siis seda on tarvis koodis muuta. Kui soovid Custom vormi jaoks ka vormitäite teksti värvi ära muuta, siis seda saab teha alloleva koodijupi abil:

/* Vormitäite (placeholder) teksti värvi muutmine CSS abil */

Siin on kasutatud HEX värvi (#000 annab värvus must / jätk !important määrab ära selle, et kindlasti kirjutaks üle eelnevalt määratud väärtuse).

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #000 !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #000 !important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #000 !important;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #000 !important;
}

/* Vormitäite (placeholder) teksti värvi muutmine CSS abil */

Siin on kasutatud rgba värvi koos läbipaistvusega (0,0,0 annavad musta / jätk 0.5 annab läbipaistvuse / 1 on täiesti läbipaistmatu).

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: rgba(0,0,0,.5) !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: rgba(0,0,0,.5) !important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: rgba(0,0,0,.5) !important;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: rgba(0,0,0,.5) !important;
}