Įvedimo laukelių vietos žymų 'placeholder'-ių stiliaus keitimas – El. Parduotuvės kūrimas tik 8 € / mėn Įvedimo laukelių vietos žymų 'placeholder'-ių stiliaus keitimas – El. Parduotuvės kūrimas tik 8 € / mėn

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;
 }
Shares
Share This