Styling caseta de selectare și butoanele radio pe un css curat cu folbeck pentru browserele vechi

Pentru a spune adevărul, eu "a fost ușor" târziu cu acest articol, tk. ceea ce este declarat în el ar putea fi folosit în practică de ceva timp. Dar este mai bine ca niciodată, mai ales că sunt sigur că printre cititorii mei vor fi și cei care nu folosesc această metodă pentru aspect, pentru un motiv sau altul, așa cum am de fapt până acum.







Cu alte cuvinte - în browsere casetele de selectare și butoanele radio moderne va arata frumos, în conformitate cu proiectul conceput, și în vechiul (acest lucru se aplică la Internet Explorer versiunea 8 și mai jos), acestea vor rămâne cu design-ul „implicit“, caracteristic pentru fiecare sistem de operare.







Trucul este să utilizați pseudo-selectorii: verificați și: nu. În acest caz, caseta de selectare sau butonul radio se fac invizibile, iar emularea lor se face folosind pseudo selectorii: înainte și după pentru etichetă

În HTML, se arată astfel:

Este important ca eticheta

Pentru un buton radio, acesta va fi în esență același:

Acesta este modul în care se face într-un mod atât de simplu. Datorită acestei metode, puteți aranja casetele de selectare și butoanele radio utilizând CSS după cum doriți.







Articole similare

Trimiteți-le prietenilor: