jQuery यूआई - एक एंकर के चारों ओर एक बिंदीदार रूपरेखा क्यों है जो सक्रिय नहीं होनी चाहिए?

Question

मैं jQuery UI से संवाद बॉक्स मोडल उपयोग कर रहा हूँ और जब मैं संवाद बॉक्स में, पहले या पहले कुछ एंकर में से एक के बिना मुझे कुछ भी पर क्लिक के चारों ओर एक बिंदीदार रेखा है खोल। एक बार जब मैं स्क्रीन पर कहीं भी क्लिक करता हूं तो यह दूर चला जाता है। तो ऐसा प्रतीत होता है कि संवाद बॉक्स एंकर सक्रिय कर रहा है, लेकिन यह कैसे कर रहा है यह मेरे बाहर है।

Answer 1

मैं बहुत यकीन है कि यह बिंदीदार रेखा सिर्फ फोकस का प्रतिनिधित्व करता हूँ। यह मामला हो सकता है कि jquery-ui वास्तव में पहले हाइपरलिंक पर ध्यान केंद्रित कर रहा है, लेकिन (jquery-ui स्रोत कोड के माध्यम से डालने के बिना) मुझे लगता है कि यह समान रूप से व्यावहारिक है कि आपका ब्राउज़र इसे स्वयं ही कर रहा है।

यदि यह ब्राउज़र है, तो मुझे संदेह है क्योंकि संवाद div फोकस प्राप्त कर रहा है, और उस से निपटने के लिए ब्राउजर का एकमात्र तरीका उस div में पहली इंटरैक्टिव चीज़ पर ध्यान केंद्रित करना है: एंकर।

अगर वहाँ संवाद div में कोई एंकर हैं क्या होता है? अगर किसी एंकर से पहले टेक्स्ट इनपुट होता है तो क्या होता है?

, यह कुछ ब्राउज़र की कर रहा है अपने आप को एक एहसान करो और इसके बारे में चिंता करना बंद। आप बहुत समय निकाल सकते हैं और इसे बहुत से व्यवहार करने के लिए कोड को बनाए रखने के लिए बहुत से ब्राउज़र-विशिष्ट, हार्ड को पेश कर सकते हैं।

Answer 2

मैं विशेष रूप से यकीन है कि क्यों यह वास्तव में होता है नहीं कर रहा हूँ, फिर भी आप अपने सीएसएस करने के लिए जोड़ सकते हैं और रूपरेखा गायब चाहिए आप इस के व्यवहार को बदलना चाहते हैं।

div.ui-dialog a { outline: none } 

एक ही समस्या यहाँ