[KarlRoos]

I och med att den i exemplet (http://ryanfait.com/resources/custom...ttons/example/) enbart stylar dem som har en klass så går det med några mindre modifikationer.

Hur skall du använda dessa? Det kanske rentav är lättast att göra med lite jQuery istället och dölja den riktiga checkboxen, visa en bild istället, fånga click(), toggleClass() på bilden som visar checkboxen och attr("checked", true/false) på den riktiga checkboxen. Kan ge lite kodexempel om det behövs och det finns tid!

[RLM_JP]

Nu har jag inte testat skriptet utan bara skummat igenom det, men det ser ut som om det borde gå att ha olika bakgrundsbilder, och sålunda knapputseende genom att ange olika ID.

Såvitt jag kan se behöver du bara lägga till lite kod i css och html, inte ändra något, och helt utan att pilla på javascriptet. Lägg till olika ID ( id='paron', id='apple', etc ) för dina radio-knappar i html-filen, utöver den class som redan anges i instruktionerna för Ryans skript. Lägg sedan till dessa ID i slutet av css-filen med endast olika bakgrundsbilder angedda ( #apple { background-image: url('applesprite.jpg');}, etc ).

Som sagt, inte 100% på att det funkar klockrent, men det ser inte ut som om javascriptet är intresserat av källfilen till bakgrundsbilderna, utan bara css-positionering (á la sprites som redan nämnts).