2012-10-15 19 views
7

मैं JQueryUI संवाद का पृष्ठभूमि रंग बदलना चाहता हूं। मैंने इसे बदलने के लिए निम्न शैली का उपयोग किया और यह काम करता है। लेकिन समस्या यह भी प्रभावी है, डेटपिकर संवाद शीर्षक। मैं केवल डायलॉग शीर्षक को डेटपिकर शीर्षक नहीं बदलना चाहता हूं। क्या आप कृपया मुझे सलाह दे सकते हैं कि मैं केवल संवाद टाइल रंग कैसे बदल सकता हूं? धन्यवाद।JQueryUI संवाद शीर्षक का रंग कैसे बदलें?

.ui-widget-header 
{ 
    background-color: #F9A7AE; 
    background-image: none; 
    color: Black; 
} 

उत्तर

14

आप titlebar सीधे, संवाद प्लगइन लक्षित कर सकते हैं करेंगे आउटपुट HTML संवाद शीर्षक के लिए निम्न के समान:

<div class="ui-dialog-titlebar ui-widget-header"> 
    <span id="ui-id-1" class="ui-dialog-title">Basic dialog</span> 
</div> 

(संवाद पेज से लिया, here)

.ui-dialog-titlebar { 
    background-color: #F9A7AE; 
    background-image: none; 
    color: #000; 
} 

वैकल्पिक रूप से, आप एक वर्ग को संवाद में पास कर सकते हैं:

$('#foo').dialog({dialogClass: 'myClass'}); 

See here

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