सीएसएस रूपरेखा सर्वोत्तम प्रथाओं

Question

देर के रूप में, निम्न कार्य के अभ्यास पर कुछ महान लेख (और उपद्रव) कर दिया गया है:

a, input, textarea, button { 
    outline: none; 
} 

अधिकांश इन उपयोग से संबंधित समस्याओं से संबंधित प्रतीत।

इस सुविधा को पूरी तरह से निकालने का मेरा इरादा नहीं है (जैसा उपरोक्त कोड करता है) ... हालांकि, यह सुविधा अनजान क्षेत्रों में अनजान सीमाओं (erm, रूपरेखाओं) को जोड़ने, मेरे मूल डिजाइन को बहुत गड़बड़ कर देती है।

इस तथ्य के साथ मुख्य समस्या यह है कि इन रूपरेखाओं को गलत तरीके से नामित किया जा रहा है, वास्तव में तत्व के चारों ओर आयताकार क्षेत्र की रूपरेखा है, इसकी रूपरेखा नहीं है (उदाहरण के लिए, यह सीमा त्रिज्या इत्यादि को अनदेखा करता है)।

चलिए एक उदाहरण देखेंगे?

http://jsfiddle.net/x5Mex/

इस का एकमात्र समाधान उपरोक्त कोड चल रहा है और मेरी अपनी प्रणाली को रोजगार के लिए है। जैसा कि हमने हमेशा वेब ब्राउज़र के साथ किया है ...

Answer 1

दरअसल। सीमा के बाहर के आयताकार क्षेत्र के चारों ओर एक रूपरेखा है। यह गोलाकार कोनों को खाते में नहीं लेता है।

रूपरेखा को अक्षम करने के साथ गलत कुछ भी नहीं है, बस सुनिश्चित करें कि आप,, कीबोर्ड का उपयोग कर उदाहरण के लिए लोगों के लिए कुछ अन्य पहुंच-योग्यता सुविधा जोड़ने फोकस

Example

Answer 2

रूप पर अपनी पृष्ठभूमि का रंग बदल कर कई प्रपत्र तत्वों, बटन तत्व ब्राउज़रों में विभिन्न प्रतिपादन है, और के रूप में कई सुधारों की जरूरत है ...

http://fvsch.com/code/button-css/ एफ Verschelde से देना चाहिए आप पूरे तत्व के चारों ओर बटन रेखांकित करते हैं और इसकी सामग्री के आसपास नहीं।