上に示した画像とOK <p><img src="https://i.stack.imgur.com/cLIkC.png" alt="I want to move the text more closer to left"></p> <p></p>が、私は-UI- jqueryの私のパディングを上書きしたい...

Question

は、私はもっと左に近いテキストを移動したいjQueryのUIのタブにパディングを削除しますタブページ。私はすでに下記のコードを試しましたが、動作していないようです。今、私はこれを可能にすることができる方法

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

?,

注：私は、CSSやjQueryの上書きをしたいと私はすべてのjqueryの-UIのCSSファイルを変更する必要はありません

Answer 1

あなたに単純なCSSでそれを行うことができます。

があなたのメインのスタイルシートでこれを含める：例えばこれを試して

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

Answer 2

古い質問が、これはうまく動作します。あなたはそのような 'スタイル・タブ' のクラスで含むdiv要素を持っていると仮定すると：

<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; 
}