Bonjour à tous,

J'ai une cascade de sélecteurs dont le dernier élément (lignes 10 à 12) ne fonctionne pas.

Voici mon HTML
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<form method="post" class= "L" name="filterForm">
	<fieldset><legend>Critères de filtrage</legend>
		<input type="radio" name="radio" id="tous" value="tous" checked /><label for="tous">Tous</label><br/>
		<input type="radio" name="radio" id="filtre" value="filtre" /><label for="filtre">Sélection</label><br/>
		<ul>
			<li><input type="checkbox" name="criteres[1]" id="criteres[1]" disabled />
				<label for="criteres[1]">Attente du 1<sup>er</sup> accueil</label><br/></li>
			<li><input type="checkbox" name="criteres[2]" id="criteres[2]" disabled />
				<label for="criteres[2]">Attente affectation binôme</label><br/></li>
			<li><input type="checkbox" name="criteres[3]" id="criteres[3]" disabled />
				<label for="criteres[3]">Accompagnements en cours</label><br/></li>
			<li><input type="checkbox" name="criteres[4]" id="criteres[4]" disabled />
				<label for="criteres[4]">Accompagnements terminés</label><br/></li>
			<li><input type="checkbox" name="criteres[5]" id="criteres[5]" disabled />
				<label for="criteres[5]">Accompagnements anciens<sup>(1)</sup></label><br/></li>
		</ul>
		<p><input type="submit" name="filter" value="Filtrer" />
	</fieldset>
	<p>Créer un nouvel accompagné&nbsp;: <input type="submit" name="new" value="Nouveau" /></p>
</form>

et le CSS
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
form[name="filterForm"] {
	margin-bottom:5px;
}
form[name='filterForm'] ul {
	margin-top:2px;
}
form[name='filterForm'] li {
	list-style:none;
}
form[name='filterForm'] li input[disabled] label {
	color:#666;
}