3 votes

Il est plus facile de savoir quel est l'élément qui est au centre de l'attention lorsque l'on passe d'un élément à l'autre à l'aide d'une tabulation.

Dans Firefox, un élément est entouré d'une bordure en pointillés lorsqu'il a le focus. Il m'est parfois impossible de la voir. Quel paramètre de Firefox, le cas échéant, peut-on utiliser pour rendre le focus plus évident ?

Notez que je veux faire cela par le biais d'un paramètre de Firefox PAS en modifiant le CSS d'un site Web.

Par exemple, dans SuperUser, lorsque les boutons Questions, Balises, Utilisateurs, Badges ou Sans réponse sont en évidence, la bordure en pointillés est totalement invisible. Comment puis-je faire en sorte que la bordure soit, disons, rose ou rouge et large de 5px ?

Actuellement, le lien Questions est en ligne de mire. Il n'y a aucun moyen de savoir qu'il est en évidence à partir de la palette de couleurs du site.

Would you believe that the Questions link is in focus.

Je préférerais qu'il ressemble à ça quand il y a mise au point, en changeant certains paramètres de Firefox.

enter image description here

3voto

Adi Inbar Points 268

Vous pouvez définir vos propres styles par défaut en les ajoutant au fichier <Répertoire du profil Firefox> \chrome\usercontent.css . Les modifications apportées prendront effet au prochain lancement du profil (donc si vous l'utilisez au moment où vous modifiez ce fichier, vous devrez le relancer).

En ajoutant les éléments suivants à la rubrique de mon profil contenu de l'utilisateur.css :

:focus {
  outline: #FF5500 dashed 2px;
}

J'obtiens ce qui suit :


enter image description here


Quelques notes :

  • contenu de l'utilisateur.css définit uniquement les styles par défaut qui sont utilisés lorsqu'aucun style conflictuel n'est défini dans la page Web. Cela fonctionne donc dans les cas où le contour du focus est masqué pour des raisons fortuites (comme l'utilisation d'images de boutons, comme sur cette page), mais il ne sera pas possible d'utiliser le style par défaut. pas fonctionnent si l'auteur du site Web a délibérément défini un style CSS qui désactive le contour du focus, soit pour un élément donné, soit pour l'ensemble de la page Web. Il est généralement considéré comme une mauvaise pratique de désactiver le contour de mise au point sans définir un autre moyen de distinguer l'élément mis au point, mais c'est malheureusement trop fréquent.

  • Si vous ne voyez pas de chrome dans le répertoire du profil et/ou vous ne voyez pas de sous-répertoire contenu de l'utilisateur.css dans ce sous-répertoire, il suffit de les créer.

  • Vous pouvez trouver le répertoire des profils en entrant about:support dans la barre d'adresse (ou en sélectionnant Informations sur le dépannage de la Aide ), puis en cliquant sur le bouton Show Folder dans la section Principes de base des applications sección.

1voto

diegogs Points 624

Vous pourriez utiliser Élégant pour définir un style de mise au point différent. Quelque chose comme ça :

:focus {
    outline: 3px solid red;
}

Le résultat ressemblerait à ceci :

enter image description here

SistemesEz.com

SystemesEZ est une communauté de sysadmins où vous pouvez résoudre vos problèmes et vos doutes. Vous pouvez consulter les questions des autres sysadmins, poser vos propres questions ou résoudre celles des autres.

Powered by:

X