Frage Input Radios Stylen (Online radio)

  • Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

connected

Neues Mitglied
12 November 2017
15
0
1
25
Hello Forum,
ich bins wieder und habe eine Frage wegen dem Stylen der radio buttons ^^
Hab mitbekommen das es ja nicht so einfach sei ...
Paar codeschnippsel hab ich schon aussprobiert nur nicht mit Erfolg..
Gibt es vielleicht einfachere varianten? Like..

input[type=radio]:after {
display: block;
width: 100%;
height: 100%;
background: green;
border: 1px solid green;
content: "";
}

Ich möchte einfach nur so ein Online radio haben wie hier im Forum glaub ich zumindest :D

Danke liebe Community;)
 

Sempervivum

Senior HTML'ler
18 Oktober 2016
2.512
478
83
68
Ich finde es relativ einfach, wenn man den Checkbox- bzw. hier Radiobutton-Trick verwendet: Dem Radiobutton wird ein Label zugeordnet, das dann beliebig mit CSS und Grafiken etc. gestaltet werden kann:
https://jsfiddle.net/Sempervivum/0vva2v39/4/
Hier mit Fontawesome. Den eigentlichen Radiobutton macht man unsichtbar. Man kann z. B. auch eine Hintergrundgrafik umschalten oder ein img-Tag.
 
Zuletzt bearbeitet:
Werbung:

Neueste Beiträge