<form> में नीली सीमा को हटाकर

मैं अपने सबमिट बटन के चारों ओर छोटी नीली सीमा को हटाने की कोशिश कर रहा हूं जो इसे दबाए जाने पर दिखाई देता है। मैंने इसे border: none; के साथ ठीक करने का प्रयास किया लेकिन उसने इसे ठीक नहीं किया। वर्तमान में मेरे कोड इस तरह दिखता है:<form> में नीली सीमा को हटाकर

<html> 
    <head> 
     <link rel="stylesheet" type="text/css" href="theme.css" /> 
     <link rel="stylesheet" type="text/css" href="hover.css" /> 
    </head> 
    <body> 
     <form id="button1" action="#" method="post"> 
      <input type="submit" value="ORANGE" 
       class="btn btn-warning"/> 
     </form> 
    </body> 
</html>

Jsfiddle

मैं XAMPP उपयोग कर रहा हूँ स्थानीय होस्ट और गूगल क्रोम पर इसे चलाने के लिए 42.0.2311.90

अद्यतन

.btn:focus { 
     outline: none; 
}

यह मेरे लिए तय है! मैं अपनी साइट को कीबोर्ड के माध्यम से सुलभ बनाने की योजना नहीं बना रहा हूं इसलिए मुझे नीली रूपरेखा की आवश्यकता नहीं है। यह सिर्फ दिखने के लिए है।

स्रोत

2015-04-22 Aruloci

Jsfiddle कोड मेरे लिए ठीक दिखता है। कोई नीली सीमा नहीं है। – Cherry

आपने किस ब्राउज़र का उपयोग किया था? – Aruloci

क्या आप बटन पर क्लिक करते समय रूपरेखा के बारे में बात कर रहे हैं? क्रोम पर आपका बटन कैसा दिखता है https://www.evernote.com/shard/s136/sh/b17e198f-8c77-4306-9a81-c2a902b139ca/20a74b16b9bc85451e507e459ad95041 – jerrylow

मुझे लगता है कि आप कुछ इस तरह की तलाश में हैं:

<style> 
.btn:focus { 
     outline: none; 
    } 
</style>

head टैग के अंदर ऊपर शैलियों जोड़ें। डिफॉल्ट रूप से, बूटस्ट्रैप में केंद्रित बटन के लिए रंगीन नीली रूपरेखा है। आप उपरोक्त वर्णित वर्ग "बीटीएन" का उपयोग करके इसे हटा/अपडेट कर सकते हैं।

अद्यतन

@MatthewRapati के रूप में सुझाव दिया: यह बताने दें के लोगों को पता है कि बटन ध्यान केंद्रित है और हटाया नहीं जाना चाहिए। यह एक पहुंच चिंता है। यह restyle करने के लिए बेहतर है अगर डिफ़ॉल्ट चाहता था नहीं है

स्रोत

2015-04-22 18:47:38 Fahad

यह रूपरेखा लोगों को पता है कि बटन पर ध्यान केंद्रित किया गया है और ** ** को हटाया नहीं जाना चाहिए। यह एक सुलभता चिंता है। यदि डिफ़ॉल्ट नहीं चाहता है तो इसे पुन: स्थापित करना बेहतर होता है। –

हां, @MatthewRapati पर सहमत हुए लेकिन सवाल इसे हटाने के बारे में है: पी – Fahad

रूपरेखा मुख्य रूप से अभिगम्यता सेटिंग्स के लिए उपयोग की जाती है, और डिफ़ॉल्ट व्यवहार के लिए बनाए रखा जाना चाहिए जबतक कि आप कुछ तंत्र प्रदान नहीं कर रहे हैं या फोकस/पहुंच के लिए हाइलाइट नहीं कर रहे हैं। यदि आप इसे बिना प्रदान किए हटाते हैं और उपयोगकर्ता नेविगेट करने के लिए कीबोर्ड का उपयोग करता है, तो वह यह नहीं जान पाएगा कि वह वर्तमान में कौन सा लिंक/बटन चालू है और आपके पृष्ठ के साथ समग्र अनुभव को बर्बाद कर सकता है।

बटन

.btn-warning:focus{ 
    outline:0px; 
}

से रूपरेखा निकालें तुम भी

input[type=button]:focus,input[type=submit]:focus{ 
    outline:0px; 
}

डिफ़ॉल्ट बटन फोकस क्रोम पर 1px नीले रंग की रूपरेखा है का उपयोग करते हुए सभी बटन से रूपरेखा निकाल सकते हैं। कई और अधिक आइटम जो रूपरेखा है कर रहे हैं, तो आप का उपयोग कर उन सभी को निष्क्रिय कर सकते हैं:

*{ 
    outline:0px; 
}

स्रोत

2015-04-22 18:47:33

कृपया वास्तव में ऐसा कभी नहीं करें। –

मुझे ऐसा सुझाव क्यों नहीं देना चाहिए? – Aruloci

@ आपकी साइट पर नेविगेट करने के लिए कीबोर्ड का उपयोग करने वाले किसी भी व्यक्ति को पता नहीं चलेगा कि किस तत्व पर ध्यान केंद्रित किया गया है। वे नहीं जानते कि वे कहां हैं। –

क्लिक पर बटन से "रूपरेखा" निकालें (क: फोकस)

.btn:focus { 
    outline: none; 
}

स्रोत

2015-04-22 18:48:15 chrisbedoya

डेमो: http://jsfiddle.net/baqunkn1/

.btn-warning { 
    color: #ffffff; 
    background-color: #ff851b; 
    border-color: #ff7701; 
    border: none; 
    outline:none; 
}

स्रोत

2015-04-22 18:51:13 Shelly

<form> में नीली सीमा को हटाकर

उत्तर

संबंधित मुद्दे