2010-11-12 11 views
5

alt textcome nascondere la selezione del pulsante HTML?

voglio nascondere selezione del pulsante HTML come immagine qui sopra in ogni volta che clicco su tasti da 1 a 25 i suoi spettacoli che è stato selezionato come ora i hv cliccato su 10 suoi spettacoli punteggiate confine quando clicco su 10 nessun pulsante .. Voglio nasconderlo per motivi di sicurezza come posso farlo qualsiasi idea mi aiuterà

+0

spiegare l'aspetto della sicurezza. Semplicemente nascondendo tramite CSS non risolverà il problema. – stillstanding

+0

Fuori tema: aggiungi Screegrab! il plugin firefox per gli screenshot, è perfetto! – Sotiris

+0

@stillstanding - dato il contesto, la mia ipotesi sarebbe per la sicurezza visiva piuttosto che per la sicurezza fisica; vale a dire che qualcuno in piedi dietro di te ottiene meno indizi su quali pulsanti stai premendo. Forse sta scrivendo un'app kiosk? – Spudley

risposta

6

Di solito non è una buona idea rimuovere la linea per motivi di accessibilità. Ma se si vuole veramente, qualche CSS come il seguente dovrebbe funzionare:

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

Questi deve essere impostato sulle classi pseudo :active e :focus per i pulsanti

+0

solo schema, avrei pensato; probabilmente non vuoi cambiare il bordo, dato che è lì per cominciare e il requisito è che il pulsante rimanga lo stesso. – Spudley

+0

Ho provato questa proprietà CSS ma non funziona nel mio caso nessuno può darmi una demo online. per questa proprietà CSS. –

+0

http://jsfiddle.net/v5EGE/ –

0

nel set di schemi css: nessuno;

2

in css

outline : none; 
-moz-outline : none; 

applicata al pulsante o il pulsante: concentriamoci

+0

@fcalderan puoi darmi qualsiasi esempio .. esempio di lavoro di questa proprietà –

0

È possibile aggiungere una regola CSS, o aggiungere uno stile in linea come:

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

css: outline:0;

si sta attivando: focus, oppure: pseudo stato attivo che presenta il contorno punteggiato predefinito .

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; 
} 
Problemi correlati