Comment supprimer le contour des zones de sélection dans Firefox ?

Suppression du contour des zones de sélection dans Firefox

Le contour entourant un élément sélectionné dans un élément de sélection peut être visuellement gênant. Cet article explique comment supprimer ce contour dans Firefox, malgré l'inefficacité de la propriété CSS outline.

Tentatives infructueuses d'utilisation de CSS

Ajout de la propriété outline avec une valeur de none en CSS ne supprime pas le contour dans Firefox :

select { outline:none; }

Solution pare-balles utilisant la pseudo-classe

Une solution plus robuste consiste à utiliser le pseudo spécifique à Firefox -class:-moz-focusring:

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

Ce code applique les styles suivants à la pseudo-classe :-moz-focusring :

• Définit la couleur sur transparente, masquant le contour.
• Ajoute une ombre de texte de taille 0 pour empêcher toute modification de l'apparence de la police.

L'application de ce style garantit que le contour en pointillés est supprimé uniquement dans Firefox, sans affecter d'autres navigateurs. Cette solution fournit une méthode fiable et spécifique au navigateur pour supprimer le contour des zones de sélection.

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!