Toată lumea știe că, dacă Google Chrome, sau orice alt browser pe motorul Webkit, salvați datele formularului completat, câmpurile de forma în sine va avea un fundal galben, care nu taie chiar și cu! Important. Pentru a aplica acest stil câmpurilor, Chrome utilizează proprietatea specială -webkit-autofill, care specifică culoarea de fundal a obiectelor. Dar, din anumite motive, după ce ați înregistrat această proprietate în CSS, tot nu este posibil să "ocolești" browserul.
Prima, cea mai simplă soluție:
Să presupunem că avem o formă de acest gen:
Deci, indiferent de stilul pe care l-am setat pentru aceste câmpuri, orice browser Webkit îl va suprascrie cu "stingerea" ei. După gândire, ajungeți la concluzia că numai câmpurile cu datele salvate sunt evidențiate. Deci, dezactivând capacitatea de salvare, oprim lumina de fundal. Pentru aceasta, în fiecare câmp unde nu este nevoie de galben, trebuie să atribuiți atributul autocomplete = "off".
După aceasta, formularul va arăta astfel:
A doua soluție este de a folosi jQuery:
În acest exemplu, nu este nimic prea complicat, dar abordarea este radical diferită. Mai întâi, trebuie să conectați jQuery (dacă nu este conectat) și apoi să utilizați un script care va "impune" regulile browserului Webkit:
Altceva:
În "Internet" am întâlnit o astfel de regulă CSS:
De fapt, ar trebui să funcționeze și să precizeze un stil pentru câmpurile pline, dar, de fapt, personal de la mine, acest lucru nu a fost o dată.
Pe scurt:
Dacă cântărește cele două soluții la această problemă, atunci cu avantajul evident, al doilea câștigă. În primul rând, jQuery este acum folosit aproape peste tot, și această bucată de cod este complet justificată, și în al doilea rând, o tendință de a deconecta j # 097; vascript browser-ul a rezistat mai mult decât utilitatea sa și, în al treilea rând, nu suntem lipsiți de completare automată funcționale, care este foarte util.
Postați informații
Articole similare
Trimiteți-le prietenilor: