2010-09-07 7 views
37

मै मैक ओएस चला रहा हूं इसलिए मैं वास्तव में यह नहीं बता सकता कि यह प्रभाव विंडोज मशीनों पर प्रस्तुत किया गया है या नहीं, इसलिए मैं क्षमा चाहता हूं कि यह प्रभाव आपके लिए नहीं देखा गया है।एचटीएमएल/सीएसएस में इनपुट बॉक्स पर नीले फोकस आयताकार से छुटकारा पा रहा है?

इनपुट और टेक्स्टफिल्ड्स में एक नीले आयताकार प्रतीत होता है, जब कम से कम फ़ायरफ़ॉक्स और क्रोम पर क्रोम पर ध्यान केंद्रित किया जाता है। मेरे पास साइट पर कस्टम फ़ोकस प्रभाव है, और मुझे आश्चर्य है कि क्या मैं यह डिफ़ॉल्ट चयन व्यवहार शो से बच सकता हूं। Google इसे अपनी साइट पर टालता है। मैं Google के इनपुट बॉक्स के लिए 'इन-इफेक्ट' सीएसएस शैली प्राप्त करने के लिए गया, इसे मेरे सीएसएस ऑब्जेक्ट पर लागू करें। हालांकि, यह अभी भी नीले आयताकार दिखाता है। मुझे बिल्कुल यकीन नहीं है कि Google किस तरह का वूडू Google कर रहा है, लेकिन ऐसा लगता है कि यह न तो HTML या CSS विशेषताएँ है। किसी को भी इस प्रभाव से बचने के बारे में पता है? धन्यवाद!

उत्तर

99

यह वास्तव में एक सीएसएस विशेषता है। यह उस चमकती प्रभाव को छिपाएगा:

input:focus, textarea:focus { 
    outline: none; 
} 
+0

मैंने पहले भी इसका उपयोग किया है .. दोह। बहुत बहुत धन्यवाद .. (शानदार ढंग से काम करता है) – Kyle

+11

ध्यान रखें कि यह ब्राउज़र उपयोगिता सुविधा है। उपयोगकर्ता, खासकर कीबोर्ड-केंद्रित उपयोगकर्ता, जैसे कि टाइपिंग से पहले फोकस कहां है। यदि आप इस व्यवहार को हटाते हैं, तो उपयोगकर्ता के लिए फोकस इंगित करने के अन्य तरीकों को प्रदान करने पर विचार करें। – Doug

+0

डौग ने जो कहा, उसे जोड़ने के लिए, यह केवल उपयोगिता सुविधा नहीं है, इसकी पहुंच सुविधा है। Http://developer.chrome.com/extensions/a11y.html#keyboard देखें यह थोड़ा परेशान है कि ओएसएक्स पर रूपरेखा इतनी बोल्ड है। –

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