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

Popular posts from this blog

php - How can I cram 6+31 numeric characters into 22 alphanumeric characters? -

mysql - where clause in inner join query -

java - Why my included JSP file won't get processed correctly? -