सीएसएस कस्टम JQuery ui-dialog

Question

मुझे JQuery ui-dialog के चारों ओर एक 2 पिक्सेल सीमा जोड़ने की आवश्यकता है।

क्या कोई भी संशोधित करने में मदद कर सकता है?

धन्यवाद

Answer 1

बदलें .ui-widget-content के लिए CSS नियम:

.ui-widget-content { 
    border: 2px solid #DDD; 
} 

यह करने के लिए कम से कम दखल रास्ता (आपकी साइट के स्टाइलशीट है कि नियम जोड़ने के लिए है जैसे jQuery यूआई सीएसएस फ़ाइल में परिवर्तन नहीं करते), और सुनिश्चित करें कि jQuery UI सीएसएस फ़ाइल पहले लोड की गई है।

Answer 2

'jQuery-ui.css' संवाद शैली के लिए एक सीमा जोड़ने में:

.ui-dialog { 
    position: relative; 
    padding: .2em; 
    width: 300px; 
    border: 2px solid white; 
} 

Answer 3

संवाद बॉक्स के चारों ओर एक सीमा में कहें, लेकिन नहीं किसी भी अन्य विजेट प्रकार, ऐसा करते हैं:

.ui-widget-content.ui-dialog 
{ 
    border: 2px solid #DDD; 
}