CSS formulär - styla vald radio

Tråden skapades 2008-07-28 och har fått 4 svar. Det senaste inlägget skrevs 2008-07-29.

2008-07-28 16:11

ivar
Medlem ●
Stockholm
2008-07-28 16:11

Hej,

Jag brukar stylea upp så att det man valt i en dropdown-list blir fetstilt , när formuläret blivit postat. Om det är en söksida tex och man börjar skruva på sökvillkoren så kan det vara användbart att snabbt och enkelt kunna se i dropdownlisten vad det var man hade för kriterie valt för den aktuella sökningen.

Nu till frågan: hur får jag vald radio-knapp att bli fetstit?
Har provat denna css

input[type="radio"]:checked + label

men den ändrar "live" så idén om att kunna skruva på sökparametrarna men "statiskt" ha fetstilt på de valen som låg till grund för den aktuella sökningen fungerar inte med den CSS-koden.

Några tips? Kan givetvis lösa det genom att tex server-side ha kontroller och smacka på en css-klass på tillhörande label, men vill ha något motsvarande select
[selected] fast för radioknappar

Anmäl Ändra Gilla Svara

2008-07-28 20:33

memark
Medlem ●
Mölndal
2008-07-28 20:33

Vill du åstadkomma fetstilen mha css, javascript eller server side?

Anmäl Ändra Gilla Svara

2008-07-28 20:35

ivar
Medlem ●
Stockholm
2008-07-28 20:35

jag vill i HTML-koden skriva <input type="radio" name="myradio" value="value1" checked="checked" /> och därifrån bara använda CSS för att få den fetstilt

Kom precis på att jag är osäker på om jag provat input [checked] + label

Anmäl Ändra Gilla Svara

2008-07-28 23:02

memark
Medlem ●
Mölndal
2008-07-28 23:02

Mig veterligen finns ingen selector i CSS som kan läsa av en kontrolls värden på något sätt. Jag skulle ändra class på radioknappen som blivit vald och stajla denna, antingen i onClick-eventet med JavaScript eller serverside vid postback (vilket verkar onödigt att göra förstås).

input[type="radio"] fungerar för övrigt inte i Internet Explorer 6, så den varianten kan du nog glömma ändå.

Anmäl Ändra Gilla Svara

2008-07-29 03:26

ninjamac
Medlem ●
Malmö
2008-07-29 03:26

en js-snurra som kollar vilken radio som är vald och sätter stilen på label.

Hinner inte göra/hitta något riktigt exempel nu, men det är inga problem. Kör en loop som parsar resultatarrayen för radio-gruppen och sätter style attribute. För du parsar väl din radiogrupp som en array? Det behöver du, ju.