jQuery UI संवाद के पृष्ठभूमि रंग को कैसे बदला जाए?

मुझे कठिन समय है कि jQuery UI Dialog के पृष्ठभूमि रंग को कैसे बदला जाए।jQuery UI संवाद के पृष्ठभूमि रंग को कैसे बदला जाए?

मैंने कई संदर्भ देखा है कि टाइटल बार को कैसे बदलें/हटाएं, लेकिन उन धारावाहिक कोने सहित संपूर्ण पृष्ठभूमि नहीं।

यहाँ मेरी कोशिश है:

http://jsfiddle.net/dEvKb/11/

समस्या .ui-विजेट सामग्री केवल संवाद के भीतर वर्ग क्षेत्र पर लागू होता है, लेकिन सुडौल कोने सहित नहीं है।

मुझे कक्षा मिली .ui-corner-all कक्षा उम्मीद है कि यह पूरी पृष्ठभूमि को रंग देगी लेकिन संवाद का केवल आधा रंग है। (आप इसे jsfiddle में देख सकते हैं)

क्या किसी ने इससे पहले किया है?

स्रोत

2012-02-22 masato-san

.ui-संवाद पर पृष्ठभूमि रंग जोड़ें तो यह काम करना चाहिए। देखें [डेमो] (http://jsfiddle.net/dEvKb/25/) – Dips

क्या मुझे इसे इनलाइन स्तर में करना है? यदि मैं बाहरी सीएसएस में शैली को परिभाषित करता हूं, तो शैली लागू नहीं की जा रही है। फायरबग को देखते हुए, देशी jquery संवाद कोड बाहरी सीएसएस –

ओवरराइड करता है अरे नहीं, मैं गलत था। मेरे सीएसएस वर्ग चयनकर्ताओं को गलत तरीके से परिभाषित किया गया था। ".foo .bar" जब यह ".foo.bar" होना चाहिए (व्हाइटस्पेस) –

आप इस तरह से

http://jsfiddle.net/dEvKb/15/

आप उपयोग के साथ सभी वर्ग पृष्ठभूमि करने के लिए सेट करना चाहिए! महत्वपूर्ण उपयोग कर सकते हैं।

.ui-dialog,.ui-widget, .ui-widget-content, .ui-corner-all, .foo, .ui-draggable, .ui-resizable {background:yellow !important}

स्रोत

2012-02-22 06:21:17 sinanakyazici

धन्यवाद! मुझे लगता है कि stackoverflow अब jsfiddle –

पर निर्भरता है मेरे लिए काम नहीं किया – Paul

@ पॉल शायद यह अन्य सीएसएस से प्रभावित नहीं होता है। आप फ़ायरबग या क्रोम देव उपकरण का उपयोग करके समीक्षा कर सकते हैं। – sinanakyazici

सीएसएस वर्गों का उपयोग करें:

ui-संवाद
- पूरी बात
ui-संवाद-शीर्षक के मुख्य कंटेनर
- यह वह जगह है जहां शीर्षक वास्तव में प्रकट होता है
ui-संवाद-शीर्षक पट्टी
- क्षेत्र जहां संवाद का शीर्षक हो सकता है अगर मौजूद
ui-dialog- सामग्री
- क्षेत्र जहाँ आपके div वास्तव में
भरी हुई है ui-आकार बदलने योग्य-संभाल
- इन divs संवाद आकार बदलने के लिए प्रयोग किया जाता है लेकिन अपने सेटअप के अनुसार आमतौर पर invisble हैं
ui-dialog-buttonpane
- यहां यह है कि बटन कहां जाएंगे xist
ui-संवाद-buttonset
- यह वह जगह है जहां बटन वास्तव में

भी दिखाई चयनित दिया जवाब के विपरीत,, ध्यान में रखना आप नहीं करते !important का उपयोग करना है।

यदि आप सीधा कॉल चाहते हैं, तो सबकुछ सेट करें और अपना संवाद बनाएं। क्रोम या एफएफ में क्रोम लोड करें (क्रोम पढ़ने के लिए आसान)। फिर बस संवाद खोलें और उस तत्व का चयन करें जिसे आप बदलना चाहते हैं। अपने Browser's Developer Tools में अपने सीएसएस को देखें। आप सटीक लाइन jqueryui इसे सीएसएस कॉल करने के लिए उपयोग करने में सक्षम होंगे। बस उस पंक्ति को अपने स्वयं के सीएसएस में कॉपी करें और सुनिश्चित करें कि यह बाद में लोड हो गया है और आपका संवाद नया ओवरराइट प्राप्त करेगा।

स्रोत

2012-02-22 06:24:05 SpYk3HH

मुझे 2 यूई-डायलॉग-टाइटलबार दिखाई देता है .. –

पुराना धागा, लेकिन मैं सिर्फ उन चीज़ों की सरल सूची के लिए स्पायक 3 एचएच का शुक्रिया अदा करना चाहता था जो इस नोब का जीवन अधिक आसान बनाते हैं। धन्यवाद! – TimSPQR

@TimSPQR बस मैं जो मदद कर सकता हूं उसे वापस करने और वापस देने के लिए कर रहा हूं, क्योंकि इस साइट और कुछ अन्य लोगों ने मुझे अपने पुराने डॉस और PERL दिनों से लंबा सफर तय करने में मदद की है – SpYk3HH

उपयोग सीएसएस में इस वर्ग के

.ui-dialog .ui-dialog-content { 
    border: 0; 
    padding: .5em 1em; 
    background: #ff0000; 
    overflow: auto; 
    zoom: 1; 
}

स्रोत

2012-02-22 07:16:33 Deepakmahajan

कृपया ध्यान रखें कि आप भी जाने के लिए और jQuery में इस लिंक का उपयोग अपने स्वयं के कस्टम सीएसएस कर सकता हो

jQuery हमें एक बनाने के लिए अनुमति देता है कस्टम सीएसएस। कृपया गैलरी से इच्छित थीम का चयन करें और संपादन बटन दबाएं, आप संवाद बॉक्स के साथ-साथ गोलाकार कोनों के बारे में लगभग हर चीज को बदलने में सक्षम होंगे।

इसके बाद आपको इसके अंदर पूरा jQuery पैक डाउनलोड करने की आवश्यकता है, आपको सीएसएस/कस्टम-सीएसएस फ़ोल्डर मिल जाएगा, बस अपने सीएसएस टैग में डालें और यह सब मूल रूप से क्रमबद्ध किया जाएगा।

उपर्युक्त तरीके भी सत्य हैं क्योंकि आप इसे बदलने में सक्षम होंगे लेकिन आपको सीएसएस में कक्षाओं और सामानों की तरह देखना होगा, jQuery हमारे लिए यह एक आसान तरीके से करता है और यह मेरे लिए काम करता है ठीक है तो आप इसे भी आजमा सकते हैं।

मैं मूल रूप से जो करता हूं वह दो से तीन कस्टम स्टाइल शीट बनाते हैं और फिर उन्हें लोड करते हैं और उनके साथ खेलते हैं और अंत में वेबसाइट के लिए एक चुनते हैं और बाकी को छोड़ देते हैं।

मुझे आशा है कि इस मदद करता है ...

स्रोत

2012-08-15 10:25:29 Kevin

आप एक विशिष्ट संवाद आप इसे इस तरह से कर सकते हैं लक्षित करना चाहते हैं:

$('#yourDialog').dialog(
{ 
    autoOpen: false, 
    open: function(e) { 
     $(e.target).parent().css('background-color','orangered'); 
    } 
});

स्रोत

2017-03-28 22:39:50 zach

या बस: $ ("# dialogId")। सीएसएस ("पृष्ठभूमि-रंग", "रंगनाम या कोड"); – Mayank

jQuery UI संवाद के पृष्ठभूमि रंग को कैसे बदला जाए?

उत्तर

संबंधित मुद्दे