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，

如果是这种情况，您的一个选择器是错误的.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;}