2010-11-12 20 views
5

alt textjak ukryć wybór przycisku HTML?

chcę ukryć wybór przycisku HTML jak w obrazek Ilekroć kliknij przyciski od 1 do 25 Its pokazuje, że jest on wybrany tak jak teraz ja hv kliknął 10 swoich pokazach kropkowane obramowanie po kliknięciu na 10 no button .. Chcę to ukryć dla celów bezpieczeństwa, w jaki sposób mogę to zrobić, każdy pomysł pomoże mi

+0

wyjaśnić aspekt bezpieczeństwa. Po prostu ukrywanie za pomocą CSS nie rozwiąże problemu. – stillstanding

+0

Nie na temat: dodaj Screegrab! wtyczka firefox do zrzutów ekranu, jest idealna! – Sotiris

+0

@stillstanding - biorąc pod uwagę kontekst, przypuszczam, że będzie to raczej bezpieczeństwo wizualne niż phyical security; to znaczy, że ktoś stojący za tobą otrzymuje mniej wskazówek, które przyciski naciskasz. Może on pisze aplikację kiosku? – Spudley

Odpowiedz

6

Zwykle nie jest dobrym pomysłem usunięcie linii z powodów związanych z dostępnością. Ale jeśli naprawdę chcesz, niektóre CSS jak poniżej powinno działać:

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

te powinny być ustawione na zajęciach psuedo :active i :focus dla przycisków

+0

tylko konspekt, pomyślałbym; prawdopodobnie nie chcesz zmienić granicy, ponieważ jest to na początku, a warunkiem jest, aby przycisk pozostał taki sam. – Spudley

+0

Próbowałem tej właściwości CSS bt jej nie działa w moim przypadku nikt nie daje mi demo online. dla tej właściwości CSS. –

+0

http://jsfiddle.net/v5EGE/ –

2

w css

outline : none; 
-moz-outline : none; 

stosowane do przycisku lub przycisku: skupić

+0

@fcalderan możesz podać mi przykład. Działający przykład tej właściwości –

0

Możesz dodać regułę CSS, lub dodać stylu inline, takich jak:

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

css: outline:0;

Wywołujesz: fokus lub: aktywny stan pseudo z domyślnym wykropkowanym konturem .

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; 
} 
Powiązane problemy