(CSS?) Eliminer les lignes 'sélectionnées' du navigateur autour d'une image hyperliée?

Le joint capture d'écran est à partir de OS X/Firefox 3. Notez que l'onglet centre (une image) a une ligne pointillée autour d'elle, apparemment parce qu'il était le plus récemment onglet sélectionné. Est-il possible que je supprime cette ligne pointillée dans le CSS ou JavaScript? (Hmmm...le service d'hébergement gratuit d'images a réduit la taille de l'image. Mais si vous pouviez le voir, vous remarqueriez une pointillés en ligne choisissez zone autour du bloc.)

Capture d'écran http://www.freeimagehosting.net/uploads/th.fadf78173b.png

source d'informationauteur Doug Kaye

  1. 21

    Vous devrez ajouter la ligne suivante à votre fichier css:

    a:active, a:focus { outline-style: none; -moz-outline-style:none; }

    (En supposant que vos onglets sont effectuées à l'aide de l'élément, bien sûr.)

    [modifier] Sur la demande de tout le monde, pour les futurs spectateurs de ce qu'il convient de noter que le plan est essentiel pour clavier-navigateurs comme il désigne l'endroit où votre sélection est et, donc, donne une indication de l'endroit où votre next "onglet" pourrait aller. Ainsi, il est déconseillé de supprimer cette pointillés de sélection de ligne. Mais il est toujours utile de savoir comment vous feriez, si vous le jugez nécessaire.

    Et comme mentionné dans un commentaire, si vous ne travailler qu'avec FF > v1.5, n'hésitez pas à laisser de côté le-moz-outline-style:none;

  2. 4

    Dans votre événement onclick.blur()

    ou, plus précisément définir le focus à un autre endroit.

  3. 1

    Pour commencer, essayez cette 

    *,*:hover,*:focus,*:active { outline: 0px none; }

    Ce sera toutefois diminuer la facilité d'utilisation.

    Vous aurez envie de les appliquer de manière sélective alternative effets le cas échéant, à donner à des gens comme ceux que naviguer principalement avec la touche de TABULATION avoir une idée de ce qui a actuellement le focus. 

    div.foo:active, 
div.foo:focus, 
div.foo:hover
{  
  /* Alternative Style */
}
  4. 0

    Vous pouvez commencer par regarder les :focus et :active pseudo classes, bien que vous avez probablement ne devrait pas être le fait d'enlever complètement toute la mise en forme de ces cas, car ils sont d'une valeur inestimable de la convivialité de l'aide.

  5. 0

    à l'aide de 

    *:focus {outline:0px;}

    va supprimer le style des entrées et des textareas lorsqu'il est sélectionné avec la souris. Assurez-vous d'ajouter ces styles avec une bordure pour ces articles si vous choisissez de supprimer tous les contours d' :focus.