Pourquoi la bordure CSS ne fonctionne-t-elle pas sur les cases à cocher dans les anciennes versions de Firefox et comment puis-je y remédier ?

Changer le style de bordure des cases à cocher en CSS : une bizarrerie de Firefox

Personnaliser la bordure d'une case à cocher avec CSS peut être une tâche simple. Cependant, lorsque vous travaillez avec Firefox 3.5 et versions antérieures, vous pouvez rencontrer une bizarrerie inattendue. Malgré l'application d'un style de bordure à l'aide de la propriété "border", aucun changement visible n'apparaît.

Solution : Utilisation de la propriété "outline"

Pour résoudre ce problème, il est Il est recommandé d'utiliser la propriété "outline" au lieu de "border" lors du ciblage des cases à cocher (éléments d'entrée). La propriété « outline » définit le style du contour entourant l'élément.

Exemple de code :

L'extrait de code suivant montre comment modifier le style de bordure d'une case à cocher. en utilisant la propriété "outline":

input[type="checkbox"] {
  outline: 1px solid #1e5180;
}

Dans ce code, nous ciblons les cases à cocher en utilisant le "input[type="checkbox"]" sélecteur. La propriété "outline" est ensuite définie avec le style souhaité (bordure unie 1px, couleur #1e5180).

En employant la propriété "outline", vous pouvez modifier avec succès l'apparence de la bordure des cases à cocher dans Firefox 3.5 et garantir style cohérent sur différents navigateurs.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!