从制表符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，

如果是这种情况，.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为tab且类为.ui-widget-content

的元素

更新了jsfiddle。

Answer 3

给按钮一个类，并从该类中删除边框..

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

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

...

.noBorder{border:none;}