Style radio knapp

[casualtie]

Lurte på om det går an å style en radio knapp (<input type="radio").

Har prøvd meg litt fram med border osv. Men ble ikke slikt jeg hadde tenkt meg.

Vil helst kunne endre fargen på "rundingen" samt sirkelen rundt.

Er dette mulig ved hjelp av css?

-Takk

[Loomy]

Fullt mulig å style radio-knappene ja, er varierende støtte for det og ganske varierende resultat i forskjellige nettlesere, men du kan jo prøve og de resultatet selv. Her er et eksempel på styling:

input[type="radio"] {
margin:1px;
padding:0px 2px;
background-color:#FFFFFF;
border:1px solid black;
}

 

NB! IE støtter ikke [type=XXX], så her vil du enten få ingen effekt eller samme effekt på alle input-elementer.

Endret 20. desember 2004 av Loomy

[jorgis]

...men da kan du bare sette en klasse på alle radio-knappene dine, og heller referere til den klassen når du skal style dem.

[casualtie]

Heh, så at det var meget varierende resultat ja

Men hva med selve sirkelen rundt området? Er det mulig og få den i en spesiell farge?

Slik som nå er den hvit/svart og lager en slags skygge.

[FuLu]

Aldri testet å sette farge på selve sirkelen rundt, kanskje border-color?

[casualtie]

Nope border-color: funket ikke.

Kanskje er ikke ment at disse sirkelene skal bli stylet på

[Loomy]

Nope border-color: funket ikke.

Kanskje er ikke ment at disse sirkelene skal bli stylet på

Tipper det ja. I likhet med scrollbars er dette noe som tilhører nettleseren/operatisystemet og skal derfor ikke plukkes på.

[phanti]

Syns opera styler disse ganske bra så lenge du holder de un-styled.

[Cucum(r)]

Styling form controls og Styling even more form controls på 456 Berea Street.