एक फ़ील्ड पर गोलाकार कोनों

Question

मैंने देखा कि "फ़ील्डसेट" टैग आईई पर एक गोलाकार कोने सीमा प्रदान करता है (यह अन्य ब्राउज़रों पर स्क्वायर प्रस्तुत करता है)।

<fieldset> 
     <legend>My legend</legend> 
</fieldset> 

लेकिन अगर मैं फ़ील्ड पर सीएसएस शैली सेट करता हूं, गोलाकार कोनों गायब हो जाते हैं !!

कोई भी जानता है क्यों? गोलाकार कोनों को कैसे रखें लेकिन एक और सीमा रंग के साथ कैसे?

[संपादित करें]: भ्रम के लिए खेद है, मैं नहीं पूछते फ़ायरफ़ॉक्स/अन्य ब्राउज़र पर राउंडर कोनों के लिए कैसे, मुझे पता है आईई पर राउंडर कोनों रखने के लिए कैसे और एक अन्य सीमा रंग करना चाहते हैं (सीमा -रंग: लाल; फ़ील्ड पर चौराहे को चौराहे में बदल देता है ...)।

Answer 1

कुछ आइटम (बटन, इनपुट बॉक्स) डिफ़ॉल्ट रूप से दृश्य शैलियों प्रणाली का उपयोग कर रहे हैं - और डिफ़ॉल्ट में Windows XP/Vista विषयों, fieldsets कोर गोल है ners। (उदाहरण के लिए, प्रदर्शन गुणों पर एक नज़र डालें।)

यदि आप किसी भी शैली को <input /> पर असाइन करते हैं, उदाहरण के लिए, यह इसके होवर प्रभाव, ग्रेडियेंट और अन्य चीजों को भी खो देगा।

Answer 2

ऐसा कोई नहीं है, ऐसा कोई रहस्य नहीं है कि ब्राउज़र अलग-अलग व्यवहार करते हैं।

क्या आपने -moz-border-radius विशेषता का पता लगाया है?

मुझे लगता है कि फ़ायर्फ़ॉक्स/मोज़िला में

fieldset { 
    -moz-border-radius:5px; 
    border-radius: 5px; 
    -webkit-border-radius: 5px; //edit :D 
} 

काम करता है की तरह कुछ है, लेकिन यह एक लंबे समय के बाद से मैंने कोशिश की गई है: डी

Answer 3

आप सीएसएस 3 बॉर्डर-त्रिज्या संपत्ति इस्तेमाल कर सकते हैं, काम करेंगे जो फ़ायरफ़ॉक्स और सफारी पर:

fieldset { 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
} 

Answer 4

आईई में सीमाएं केवल तभी होती हैं जब 1) आपके पास प्रदर्शन के तहत सक्षम 'बटन पर विंडो पर दृश्य शैलियों का उपयोग करें' है। दृश्य प्रभाव टैब। इसे धुंधला करने के लिए: यदि आपके पास 'एक्सपी थीमिंग' सक्षम है तो इसे गोल किया जाएगा, जब आपके पास क्लासिक Win2000 लुक होगा, तो यह गोल नहीं होगा।

दूसरी आवश्यकता 2) फ़ील्डसेट के लिए 'कोई सीमा-संबंधित सीएसएस' नहीं है। जब भी आप सीमा-रंग, या सीमा-शैली, या सीमा-चौड़ाई निर्दिष्ट करते हैं, तो 'गोलाकार' समाप्त हो जाती है, इसके लिए कोई कामकाज नहीं होता है। इनपुट (दोनों बटन और फ़ील्ड), टेक्स्टबॉक्स और चयन-टैग के लिए भी यही होता है। जब भी आईई को रेंडर करने के लिए नियंत्रण के लिए कोई सीएसएस थीमिंग नहीं मिलती है तो यह नियंत्रण में 'डिफ़ॉल्ट विंडोज थीम' लागू करेगी।

Answer 5

fieldset { 
    -moz-border-radius:5px; 
    border-radius: 5px; 
    -webkit-border-radius: 5px; //edit :D 
} 

Answer 6

http://www.webteacher.ws/2010/02/27/style-a-fieldset-with-rounded-corners-using-css/

Answer 7

इस साइट में fieldset गोल कोनों और IE10 से संबंधित मुद्दों के लिए एक ठीक है। आईई (दुखद चेहरे) में अभी भी मुद्दे हैं। आपको 100% समय पर काम करने के लिए इसे तैरना होगा।

fieldset { 
 
    margin: 20px; 
 
    padding: 0 10px 10px; 
 
    border: 1px solid #666; 
 
    border-radius: 8px; 
 
    box-shadow: 0 0 10px #666; 
 
    padding-top: 10px; 
 
} 
 
legend { 
 
    padding: 2px 4px; 
 
    background: #fff; 
 
    /* For better legibility against the box-shadow */ 
 
} 
 
fieldset > legend { 
 
    float: left; 
 
    margin-top: -20px; 
 
} 
 
fieldset > legend + * { 
 
    clear: both; 
 
}

<fieldset> 
 
    <legend>Legend</legend> 
 
</fieldset>

http://www.456bereastreet.com/archive/201302/fieldset_legend_border-radius_and_box-shadow/