Styling jelölőnégyzetek és gombok tiszta CSS folbekom régebbi böngészőkhöz

Őszintén szólva, én „kicsit” késett ezt a cikket, mert Az a tény, hogy azt állította, lehet alkalmazni a gyakorlatban elég sokáig. De jobb későn, mint soha, annál, hogy biztos vagyok benne, hogy ezek között az olvasóim vannak, akik nem használják ezt a módszert elrendezést egy vagy más okból, mint valóban, és én egészen a közelmúltig.

Más szóval - a modern böngészők jelölőnégyzetek és gombok néz, összhangban a megfogant design, és a régi (ez vonatkozik az Internet Explorer 8 vagy az alatt) maradnak a design „alapértelmezés”, jellemző minden egyes operációs rendszer.

A trükk az, hogy egy pszeudo: ellenőrzött, és: nem. Így maga jelölőnégyzetet vagy rádiógomb láthatatlanná, és emulációs segítségével ál: before és: a címke után

A HTML-kód a következő:

Fontos címkézni

Radio button lesz lényegében ugyanaz:

Ez az egyszerű módja, hogy kész. Ennek köszönhetően a módszer, helyezze el a jelölőnégyzetek és rádió gombok CSS, akkor, ahogy tetszik.

Kapcsolódó cikkek