jquery - タブ UI コントロールから境界線を削除する

Question

次のスクリプトがあります。

http://jsfiddle.net/2HNvL/

しかし、タブ コントロールの周りの薄い灰色の境界線を削除できないようです。ここに誰もそれを行う方法を知っていますか?

私は次のことを試しました：

    #tabs .ui-widget { border:none;  padding:0px; margin:0px; }
    #tabs .ui-widget-header { border:none; display:none; padding:0px; margin:0px; }
    #tabs .ui-widget-content { border:none; padding:0px; margin:0px; }

しかし、それはうまくいきません。

Answer 1

あなたのリストに追加するのは簡単な#tabs {border: none}ことです。

Answer 2

あなたの質問を正しく理解していると仮定すると、テキストの周りの境界線を削除したい

Proin elit arcu、rutrum commodo、vehicula tempus、commodo a、

その場合、あなたの1つのセレクターは間違っています.ui-widget-content

 #tabs .ui-widget-content { border:none; padding:0px; margin:0px; }

.ui-widget-contentの親を持つの子要素を探しています#tabs

これを次のように変更すると:

#tabs.ui-widget-content { border:none; padding:0px; margin:0px; }

タブの ID とクラスの要素のみをターゲットにします。.ui-widget-content

jsfiddleを更新しました。

Answer 3

ボタンにクラスを与え、そのクラスからボーダーを削除します..

http://jsfiddle.net/2HNvL/3/

<input type="button" value="button1" id="button1" class='noBorder' />

...

.noBorder{border:none;}