css - Rounded corners for <input type='text' /> using border-radius.htc for IE -


मैं गोलाकार कोनों के साथ इनपुट फ़ील्ड बनाना चाहता हूं

HTML:

  & lt; div id = "RightColumn" & gt; & Lt; input type = "text" class = "inputForm" / & gt; & Lt; / div & gt;  

सीएसएस:

 । इनपुटफ़ॉर्म {-मोझ-सीमा-त्रिज्या: 10px; / * फ़ायरफ़ॉक्स * / -विबिट-सीमा-त्रिज्या: 10px; / * सफारी, क्रोम * / -khtml-सीमा-त्रिज्या: 10px; / * KHTML * / सीमा-त्रिज्या: 10px; / * CSS3 * / व्यवहार: url ("border-radius.htc"); } # राइट कॉलम {पृष्ठभूमि रंग: सफेद; }  

लेकिन आईई इनपुट क्षेत्रों के लिए किसी भी सीमाओं को नहीं दिखाता है - पड़ोटीर गोल और न ही सरल सीमाएं। जब मैं # राइट कॉलम के लिए सीएसएस-स्टाइल निकालता हूं, तो आईई एक गोलाकार कोनों के साथ इनपुट फ़ील्ड दिखाती है I लेकिन मुझे # राइट कॉलम के लिए पृष्ठभूमि की आवश्यकता है।

मैं इसे कैसे बनाऊं?

हे भगवान, ऐसा मत करो। एचटीसी फाइल्स प्रदर्शन और स्पष्टता के कारणों के लिए कभी भी अच्छा विचार नहीं है, और आप ऐसे कुछ बहुत से विक्रेता-विशिष्ट मानकों का उपयोग कर रहे हैं जो आसानी से पार ब्राउज़र को आईई 6 पर वापस कर सकते हैं।

गोलाकार कोनों के साथ अपने इनपुट फ़ील्ड में एक पृष्ठभूमि की छवि लागू करें और सीमा के साथ फ़ील्ड का पृष्ठभूमि रंग पारदर्शी बनाएं: कोई भी इसके बजाय आवेदन नहीं करता है।

यहां इस बारे में अधिक जानकारी के साथ एक लिंक है आदमी ने ऐसा किया:


Comments