2010-09-23 9 views
34

क्रोम या सफारी का उपयोग करते समय, active text box या text area बॉक्स के चारों ओर एक नीला/नारंगी border प्रदर्शित करेगा। मैंने देखा है कि कुछ साइटें इससे छुटकारा पाती हैं, लेकिन मैंने उनकी CSS कॉपी की है और यह अभी भी वहां है। मैं यह कैसे करुं?क्रोम/सफारी पर टेक्स्ट बॉक्स चयन हाइलाइट से कैसे छुटकारा पाएं?

+0

इसके अलावा, मुझे आश्चर्य है अगर यह संभव है रूपरेखा का रंग बदलने के बजाय सिर्फ इसे हटाने? मैं एक ही स्थिति में हूं, जब रूपरेखा होती है, मुझे एक बदसूरत हरा रंग मिलता है। इसे बदलने के लिए बहुत अच्छा होगा! – Kyle

उत्तर

73

निम्नलिखित सीएसएस आमतौर पर डिफ़ॉल्ट उजागर सीमा को हटा उदाहरण), और रूपरेखा के नुकसान को प्रतिस्थापित करने के लिए एक और दृश्य क्यू को प्रतिस्थापित करने लायक है।

+1

धन्यवाद! हाँ, मैं निश्चित रूप से हूं ... यह सिर्फ मेरे पास इनपुट पर एक पृष्ठभूमि है जो इसे बदसूरत लगती है। – Chris

+0

उत्तर के रूप में चिह्नित करें। –

+0

@ क्रिस, हमेशा एक खुशी। और यह एक मामूली अनुस्मारक था, कोई अपराध इरादा नहीं =) –

15

आप

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

का उपयोग लेकिन उस प्रपत्र तत्व केंद्रित है, पहुंच कारणों के लिए उपयोगकर्ता के लिए कुछ संकेत देने की कोशिश कर सकते हैं।

input:focus {outline: none; } 

यह याद है कि रूपरेखा यूआई ध्यान देने के लिए एक उपयोगी दृश्य प्रतिक्रिया है, उन उपयोगकर्ताओं के लिए एक माउस का उपयोग नहीं लायक है (कीबोर्ड नेविगेशन, के लिए:

+4

ठीक है, मैं आपको +1 करने वाला हूं, क्योंकि हम एक ही समय में एक ही जवाब के साथ आए थे ... (मुझे अन्यथा कठोर महसूस होता है) =) –

3

मैं सिर्फ ऐसा किया:

:focus { outline: none; } 
इस सवाल का
संबंधित मुद्दे