JQuery यूआई टैब में पैडिंग निकालें

Question

मैं पाठ अधिक छोड़ दिया के करीब ले जाना चाहते हैं ...

ऊपर दिखाए गए चित्र के साथ ठीक है, मैं-UI- jQuery मेरी की गद्दी ओवरराइड करना चाहते टैब पेज मैंने पहले से ही नीचे दिए गए कोड की कोशिश की लेकिन ऐसा लगता है कि काम नहीं कर रहा है।

$(".ui-tabs.panel").css('padding','0px'); 

अब मैं कैसे यह संभव बना सकते हैं

?,

नोट: मैं एक सीएसएस या jQuery ओवरराइड करना चाहते हैं और मैं किसी भी jQuery-ui सीएसएस फ़ाइलों को बदलने के लिए नहीं करना चाहती

Answer 1

आप सादा सीएसएस के साथ ऐसा कर सकते हैं; उदाहरण के लिए इस प्रयास करें:

आपका मुख्य स्टाइलशीट में यह शामिल हैं:

.ui-tabs .ui-tabs-panel { 
    padding: 1em 1.4em 1em 0; 
} 

Answer 2

पुराना सवाल लेकिन यह अच्छी तरह से काम करता है। ,

<div id="tabs" class="style-tabs"> 
<ul> 
<li><a href="ajax/MyTab.php">My Tab</a></li> 
<li><a href="ajax/MyTab2.php">My Tab 2</a></li> 
<ul> 
</div> 

This CSS works nicely (setting a negative margin)... 

.style-tabs li a { 
    margin: -0.3em; 
    padding: 0; 
}