मैंने jQuery-UI टैब विजेट को कार्यान्वित किया है और यह बहुत अच्छा काम करता है। हालांकि, यह कुछ स्टाइल चीजें करता है जो मुझे पसंद नहीं है। विशेष रूप से .ui-corner-all गोलाकार है, और मुझे वह नहीं चाहिए।jQuery-ui.css शैलियों को ओवरराइड करने के लिए कैसे करें
इसे ओवरराइड करने का "सही" तरीका क्या है। क्या मुझे थीम का उपयोग करना चाहिए?
क्या किसी के पास ui थीम का उपयोग/निर्माण करने के बारे में एक अच्छा शुरुआती ट्यूटोरियल है?
महत्वपूर्ण
.ui-corner-all{
border: 0px !important;
}
कस्टम में शैली पत्रक या दस्तावेज़ के सिर का उपयोग करें।
मैं JQuery UI की स्टाइल मैन्युअल रूप से ओवरराइड करने की कोशिश करने के विरुद्ध अनुशंसा करता हूं, और इसके बजाय JQuery UI's ThemeRoller पृष्ठ का उपयोग करने का विकल्प चुनता हूं।
थीमरोलर का उपयोग करके थीम को संशोधित करने से भविष्य में अपग्रेड के लिए अधिकतम संगतता सुनिश्चित होगी, कुछ शैलियों को ओवरराइड करने के बजाय, जब आप JQuery UI के किसी नए संस्करण में अपग्रेड करने का प्रयास करेंगे तो उन्हें केवल शैलियों को ओवरराइड करने के बजाय।
लेकिन फिर आप सीडीएन के माध्यम से थीम लोड करने की लक्जरी खो देते हैं। –
दुर्भाग्य से यह सच है। यह संशोधित करने की कोशिश कर रहे हैं कि आप कितने पेशेवरों और विपक्ष का वजन करने का एक मामला है। –
http://jqueryui.com/themeroller/ – SLaks