2010-11-12 18 views
5

alt textcómo ocultar la selección del botón HTML?

Quiero ocultar la selección del botón HTML como en la imagen cada vez que haga clic en los botones de 1 a 25 Su muestra que se ha seleccionado como ahora i hv hecho clic en 10 sus programas de puntos frontera cuando hago clic en el 10 sin botón ... Quiero ocultar esto por razones de seguridad, ¿cómo puedo hacer esto? cualquier idea me ayudará

+0

explicar el aspecto de la seguridad. Simplemente ocultar a través de CSS no resolverá el problema. – stillstanding

+0

Fuera del tema: agregar Screegrab! el complemento de Firefox para capturas de pantalla, ¡es perfecto! – Sotiris

+0

@stillstanding: dado el contexto, creo que sería por seguridad visual en lugar de seguridad física; es decir, para que alguien detrás de usted obtenga menos pistas sobre qué botones está presionando. Tal vez está escribiendo una aplicación de kiosco? – Spudley

Respuesta

6

Por lo general, no es una buena idea eliminar la línea por razones de accesibilidad. Pero si realmente quiere, un poco de CSS como la siguiente debería funcionar:

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

Estos deben establecerse en las clases :active y :focus psuedo para los botones

+0

bosquejo solamente, habría pensado; es probable que no desee cambiar el borde, ya que está allí para comenzar y el requisito es que el botón permanezca igual. – Spudley

+0

Intenté esta propiedad de CSS porque no funciona en mi caso, ¿alguien puede darme una demostración en línea? para esta propiedad de CSS –

+0

http://jsfiddle.net/v5EGE/ –

0

en el conjunto de css outline: none;

2

en css

outline : none; 
-moz-outline : none; 

aplicada al botón o el botón: se centran

+0

@fcalderan puede darme algún ejemplo .. ejemplo de trabajo de esta propiedad –

0

Usted puede agregar una regla CSS, o añadir un estilo en línea como:

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

css: outline:0;

está activando: focus, o el: pseudo estado activo que tiene el esquema de puntos predeterminado .

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; 
} 
Cuestiones relacionadas