Outline sur bouton radio

Bonjour tout le monde,

Je sais que ma question que je vais soumettre va totalement à l'encontre des bonnes pratiques de l'accessibilité. Cependant, le boulot que je suis en train de faire n'est pas du tout accessible.. Aussi, je cherche à supprimer l'outline qu'il y a sur des boutons radio. Cette bordure extérieure se produit seulement sur FF. J'ai essayé de faire un outline none ou un petit script js, mais rien de bien concret.

Avez vous une idée ?

PAr avance merci de me donner une piste

<li>
				<input type="radio" id="id" value="oui" name="nom" />
				<label for="id">label</label>
				<ul>
					<li>
						<div>
							<input type="checkbox" checked="checked" id="id1" value="valeur" name="nom">
							<label for="id1">label</label>
						</div>
						<div>
							<input type="checkbox" checked="checked" id="id2" value="valeur" name="nom" />
							<label for="id2">label</label>
						</div>
					</li>
					<li>
						<div>
							<input type="checkbox" checked="checked" id="id3" value="valeur" name="nom">
							<label for="id3">label</label>
						</div>
						<div>
							<input type="checkbox" checked="checked" id="id4" value="valeur" name="nom" />
							<label for="id4">label</label>
						</div>
					</li>
					<li>
						<div>
							<input type="checkbox" id="id5" value="valeur" name="nom" />
							<label for="id5">label</label>
						</div>
					</li>
				</ul>
			</li>

Modifié par niuxe (12 Jan 2011 - 22:54)

un petit up

Je ne vois pas ce qu'est l'outline d'un bouton radio (désolé pour mon ignorance ), mais tant qu'à utiliser javascript, pourquoi ne pas utiliser une image que tu manipuleras à ton goût en lui donnant la même fonction qu'un bouton radio, grâce à javascript ?