2010-11-12 11 views
5

alt textएचटीएमएल बटन चयन कैसे छिपाना है?

मैं ऊपर छवि में तरह HTML बटन चयन को छिपाने के लिए जब भी मैं 1 से 25 अपने से बटन पर क्लिक करें पता चलता है कि यह अब मैं 10 अपने शो पर क्लिक किया hv सीमा बिंदीदार जब मैं 10 पर क्लिक करें की तरह का चयन किया गया कोई बटन नहीं .. मैं इसे सुरक्षा उद्देश्य के लिए छिपाना चाहता हूं, मैं यह कैसे कर सकता हूं, मुझे कोई विचार नहीं होगा

+0

सुरक्षा के पहलू के बारे में बताएं लिए :active और :focus छद्म वर्गों पर सेट किया जाना चाहिए। बस सीएसएस के माध्यम से छुपा इस मुद्दे को संबोधित नहीं करेगा। – stillstanding

+0

विषय के बाहर: Screegrab जोड़ें! स्क्रीनशॉट के लिए फ़ायरफ़ॉक्स प्लगइन, यह सही है! – Sotiris

+0

@ उत्कृष्टता - संदर्भ दिया गया, मेरा अनुमान भौतिक सुरक्षा के बजाय दृश्य सुरक्षा के लिए होगा; यानी कि आपके पीछे खड़े किसी को कम संकेत मिलते हैं कि आप किन बटन दबा रहे हैं। शायद वह एक कियोस्क ऐप लिख रहा है? – Spudley

उत्तर

6

आमतौर पर पहुंच के कारणों को हटाने के लिए यह एक अच्छा विचार नहीं है। लेकिन अगर आप वास्तव में चाहते हैं, तो निम्नलिखित की तरह कुछ सीएसएस काम करना चाहिए:

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

ये बटन

+0

केवल रूपरेखा है, मैंने सोचा होगा; आप संभवतः सीमा को बदलना नहीं चाहते हैं, क्योंकि वहां से शुरुआत करने के लिए है और बटन के समान होने की आवश्यकता है। – Spudley

+0

मैंने इस सीएसएस संपत्ति की कोशिश की बीटी यह मेरे मामले में काम नहीं कर सकती है कोई भी मुझे ऑनलाइन डेमो दे सकता है। इस सीएसएस संपत्ति के लिए। –

+0

http://jsfiddle.net/v5EGE/ –

0

सीएसएस सेट रूपरेखा में: कोई भी नहीं;

2
सीएसएस में

outline : none; 
-moz-outline : none; 

बटन या बटन के लिए लागू: ध्यान केंद्रित

+0

@fcalderan क्या आप मुझे कोई उदाहरण दे सकते हैं .. इस संपत्ति का उदाहरण उदाहरण –

0

आप एक सीएसएस नियम जोड़ सकते हैं, या की तरह एक इनलाइन शैली जोड़ें:

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

सीएसएस: outline:0;

आप ट्रिगर कर रहे हैं: फोकस, या: सक्रिय छद्म स्थिति जिसमें डिफ़ॉल्ट बिंदीदार रूपरेखा है ।

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; 
} 
संबंधित मुद्दे