如何更改jQuery插件的CSS样式？

我想让页面中间的窗体看起来更漂亮。当我看它在Firebug，有一个从这个div很多关于该标签的两侧填充空间：

<div id="tabs-1" class="ui-tabs-panel ui-widget-content ui-corner-bottom">

如何更改了div两侧的空间填充以更少的像素？另外，有没有办法让黑色标签全黑？

谢谢！

2012-02-12 GeekedOut

你是指哪一个？我看到那个div有两个，一个更大，一个更小。 “黑色条”是什么意思？ – ACarter 2012-02-12 18:46:57

在Firebug（IIRC）中，所有匹配的CSS规则也都有一个源代码。至少在Chrome上，Inspector会为我提供影响该元素的CSS样式的行号。 – Blender 2012-02-12 18:48:38

@ACarter较低的较大的形式。 :) – GeekedOut 2012-02-12 18:48:46

你可以在应用程序的css文件或页面上覆盖由jQuery UI css定义的css。您可以像下面那样设置填充，并以相同的方式覆盖所有需要的样式。

.ui-tabs-panel{ 
    padding: 0px !important;//define the style as per your need 
}

2012-02-12 18:48:51 ShankarSangoli

懒惰的方式是在你的css中设置重要的属性。

#tabs-1{padding-left: some lesser value !important}

2012-02-12 18:49:11

它看起来像填充，获取添加因为每个表单元素被包裹一个段落<p>标签内。该样式仅适用于样式表中的p元素，因此您可以使用以下代码覆盖它：#add_suggested_solution p {margin:0 0 0 0}。请注意，用任何你想要的边距来替换0。

你指的是什么黑条纹？

2012-02-12 18:49:54 Ryan

黑色条纹是有3个标签的 – GeekedOut 2012-02-12 19:18:48

回答