entrée: mise au point ne fonctionne pas sur Firefox

je le style suivant que j'ai vérifié est chargé:entrée: mise au point ne fonctionne pas sur Firefox

input:focus { outline: none; } 
:focus { outline: none; }

Je l'ai fait d'arrêter de montrer le rectangle en pointillé lorsque je clique sur quelque chose. Cela fonctionne pour tout dans FireFox que j'ai remarqué, sauf pour mes boutons d'entrée. Mes boutons d'entrée affichent toujours un rectangle pointillé autour d'eux lorsque je les clique.

Comment puis-je les empêcher d'agir ainsi?

Source

2009-09-11 Joseph

J'ai essayé ceci avec FireFox 3.5, et il semble que les paramètres de contour sont dessinés autour du bouton. Le texte du bouton a son propre contour pointillé. Corrigez-moi si je me trompe: vous essayez de contrôler le contour du texte du bouton via CSS. Je ne crois pas que ce soit possible. –

@David Merci, cela pourrait être la réponse alors. Je n'utilise pas de texte dans le bouton (j'utilise l'image à la place), donc je vois un tout petit rectangle qui est vraiment énervant. J'aimerais qu'il y ait un moyen de s'en débarrasser, mais bon. – Joseph

J'avais besoin de faire ceci (source):

/*for FireFox*/ 
input[type="submit"]::-moz-focus-inner, 
input[type="button"]::-moz-focus-inner, 
button::-moz-focus-inner { border : 0px; } 

/*for IE8 */ 
input[type="submit"]:focus, 
input[type="button"]:focus { outline : none; }

j'avais déjà « aperçu: 0 » mis sur tout par une remise à zéro, mais que -moz-focus-intérieure était nécessaire pour se débarrasser de la ligne en pointillé sur un bouton de style CSS.

Source

2010-12-22 15:33:29

<input ... onfocus="this.blur();"/> fera l'affaire

ou jQuery:

$("input").focus(function(){this.blur();});

Source

2009-09-11 02:52:58 manji

Cela fonctionne pour moi (essayé dans les deux Firefox 2 et 3)

<html> 
<head> 
    <title>Test</title> 
    <style> 
    :focus { -moz-outline-style: none;} 
    </style> 
</head> 
<body> 
    <form action="#"> 
    <input type="image" src="button.png" /> 
    </form> 
</body> 
</html>

il suffit d'ajouter un button.png :-)

Source

2009-09-11 11:29:05 Nino

entrée: mise au point ne fonctionne pas sur Firefox

Répondre

Questions connexes