css et RadioButtonList

Version imprimable

j'ai ajouté une RadioButtonList a ma page avec le css suivant :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
.optionbox {
            background: #e9e9e9;  
	        border:1px solid #cecece; 
	        color:#000000;
	        font-size: 18px;
            font-family: 'MSP Medium' ,Georgia;
}
 
.optionbox label
{
    color: #3E3928;
    padding-left: 25px;
    padding-right: 140px;
    padding-top: 13px;
    padding-bottom: 13px;
    margin: 0px 0px 0px 0px;
    white-space: nowrap;
    margin-right: 5px;
  	font-size: 12px;
    font-family: 'MSP Medium' ,Georgia;
    font-weight:bold;
}
 
.optionbox label:hover
{
    color: #0066FF;
}
 
.optionbox span.selectedradio label
{
    color: red;
}

sauf que quand je clique sur une option son label ne prend pas la coueleur choisie dans le css, une idée

08/06/2015, 12h14
Dokho1000

Essaye plutôt avec ceci dans ton css :

.optionbox input[type="radio"]:checked + span{
...
}
08/06/2015, 23h45
Msysteme

ca ne marche pas 8O
09/06/2015, 10h56
darkcrift

Bonjour,

Peut on avoir la partie de code HTML généré correspondant à t'as liste de radio bouton avec un des boutons de sélectionné?
Sans ces infos ça va être compliqué de t'aider à définir le bon sélecteur css pour répondre à ton besoin.

Le texte que tu veux passé en rouge est dans quel type d'élément HTML un span ou un label? si c'est un label tu peux essayer :

Code:

.optionbox input[type="radio"]:checked + label { color :red;}

Cordialement,

Darkcrift

Solution :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
.optionbox {
            background: #e9e9e9;  
	        border:1px solid #cecece; 
	        font-size: 18px;
            font-family: 'MSP Medium' ,Georgia;
}
 
.optionbox label
{
    color: #3E3928;
    padding-left: 25px;
    padding-right: 140px;
    padding-top: 13px;
    padding-bottom: 13px;
    margin: 0px 0px 0px 0px;
    white-space: nowrap;
    margin-right: 5px;
  	font-size: 12px;
    font-family: 'MSP Medium' ,Georgia;
    font-weight:bold;
}
 
.optionbox label:hover
{
    color: #0066FF;
}
.optionbox input[type="radio"]:checked + label
{
    color: #0066FF;
}