2010-11-12 8 views
5

alt textcomment cacher la sélection du bouton HTML?

Je veux cacher le bouton de sélection HTML comme dans l'image ci-dessus chaque fois que je clique sur les boutons de 1 à 25 Son montre qu'il est sélectionné comme maintenant i hv cliqué sur 10 ses spectacles en pointillés frontière lorsque je clique sur 10 pas de bouton .. Je veux cacher cela pour des raisons de sécurité, comment puis-je faire toute idée m'aidera

+0

Expliquer l'aspect de la sécurité. Le simple fait de se cacher via CSS ne résoudra pas le problème. – stillstanding

+0

Hors sujet: ajouter Screegrab! le plugin firefox pour les captures d'écran, c'est parfait! – Sotiris

+0

@stillstanding - étant donné le contexte, je pense que ce serait pour la sécurité visuelle plutôt que pour la sécurité physique; c'est-à-dire que quelqu'un qui se tient derrière vous obtient moins d'indices sur les boutons sur lesquels vous appuyez. Peut-être qu'il écrit une application de kiosque? – Spudley

Répondre

6

Ce n'est généralement pas une bonne idée de retirer la ligne pour des raisons d'accessibilité. Mais si vous voulez vraiment, certains CSS comme ce qui suit devrait fonctionner:

outline : 0; 
-moz-outline : 0; 
border : 0 

Ceux-ci devraient être mis sur les :active et :focus classes Psuedo pour les boutons

+0

aperçu seulement, j'aurais pensé; vous ne voulez probablement pas changer la bordure, puisque c'est là pour commencer et que l'exigence est que le bouton reste le même. – Spudley

+0

J'ai essayé cette propriété CSS bt son ne fonctionne pas dans mon cas quelqu'un peut-il me donner une démo en ligne. pour cette propriété CSS. –

+0

http://jsfiddle.net/v5EGE/ –

0

dans le set css: aucun;

2

dans css

outline : none; 
-moz-outline : none; 

appliqué sur le bouton ou le bouton: focus

+0

@fcalderan pouvez-vous me donner un exemple .. exemple de travail de cette propriété –

0

Vous pouvez ajouter une règle css, ou ajouter un style en ligne comme:

<button style="outline:none">1</button> 
0

css: outline:0;

vous déclenchez: focus, ou le: pseudo état actif qui a le contour par défaut pointillé .

1
/*for FireFox*/ 


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


/*for IE8 */ 

input[type="submit"]:focus, input[type="button"]:focus 
{ 
outline : none; 
} 
Questions connexes