html - Rounded corners to a textarea -
कृपया संलग्न छवि और jsfiddle देखें:
गोलाकार कोनों के साथ एक सरल पाठयरा। सही शीर्ष और दायें निचले कोनों की समस्याओं पर ध्यान दें, जहां स्क्रॉल बार दिखाई देता है स्क्रीनशॉट क्रोम के साथ लिया जाता है, लेकिन अन्य सभी ब्राउज़र इस बग को साझा करते हैं।
मुझे पता है कि यह एक jquery / javascript प्लगइन के साथ तय किया जा सकता है, लेकिन मैं एक सीएसएस-केवल दृष्टिकोण की तलाश कर रहा हूं।
मुझे केवल स्क्रॉलबार और सीमा के बीच कुछ पैडिंग जोड़ने की ज़रूरत है। यह कोशिश की, अब तक का सबसे अच्छा समाधान: एक div में textarea लपेटें, शैली div बजाय। कार्य करता है, तत्व पर ध्यान केंद्रित करते समय केवल मामूली समस्याएं दिखाई देती हैं। एक बाह्यरेखा के साथ सीमा को बदलने की कोशिश की, और सीएसएस का उपयोग करके बाह्यरेखा-ऑफसेट जोड़ें। महान काम करता है, समस्या यह है कि रूपरेखा गोल कोनों नहीं हो सकता है .. कोई अन्य विचार कृपया? टेक्सटेरा पर स्टाइल सीधे, रैपिंग डिव नहीं। जैसा आपने उल्लेख किया है, < छाया इस प्रकार है:
& lt; textarea id = "a" class = "a" / & gt; .a {चौड़ाई: 300px; ऊंचाई: 300px; सीमा-त्रिज्या: 10px; सीमा: 1px ठोस # 000; }
रूपरेखा गोल नहीं हो सकता कोनों। एक विकल्प
सीमा और
टेक्स्टरेआ {चौड़ाई: 300px; ऊंचाई: 300px; सीमा-त्रिज्या: 10px; बॉक्स-छाया: 0 0 0 3px # 000; सीमा: 5px ठोस पारदर्शी; }
Comments
Post a Comment