Norint visų įvedimo laukų žymių (‘placeholders’) tekstų stiliaus pakeitimo, reikia naudoti žemiau nurodytą css stilių.
Svarbu: šį stilių naudoti taip kaip ir parašyta ir nesistengti visko surašyti optimizuotu būdų, t.y., visus css ‘selectors’ į vieną eilute ir tada bendrą css stiliaus taisyklę. Atrodo tai puikus optimizavimas, tačiau tai teisingai neveikia..
Žemiau esantis css kodas teksto įvedimo laukeliuose rodomą žymės ‘placeholder’-io tekstą padarys šviesų ir akivaizdžiai leis pildantiems formas suprasti, kad laukelyje rodomas tekstas yra tik dėl informacijos ir jį galima užpildyti:
.wpcf7-form-control-wrap input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#dcdcdc; } .wpcf7-form-control-wrap input:-moz-placeholder { /* Firefox 18- */ color:#dcdcdc; } .wpcf7-form-control-wrap input::-moz-placeholder { /* Firefox 19+ */ color:#dcdcdc; } .wpcf7-form-control-wrap input:-ms-input-placeholder { /* IE */ color:#dcdcdc; } .wpcf7-form-control-wrap input::-ms-input-placeholder { /* IE Edge */ color:#dcdcdc; } .wpcf7-form-control-wrap textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#dcdcdc; } .wpcf7-form-control-wrap textarea:-moz-placeholder { /* Firefox 18- */ color:#dcdcdc; } .wpcf7-form-control-wrap textarea::-moz-placeholder { /* Firefox 19+ */ color:#dcdcdc; } .wpcf7-form-control-wrap textarea:-ms-input-placeholder { /* IE */ color:#dcdcdc; } .wpcf7-form-control-wrap textarea::-ms-input-placeholder { /* IE Edge */ color:#dcdcdc; }