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

我有这个测试页面：

我正在努力使页面中间的表单看起来更好。当我在FireBug中看到它时，在这个div的选项卡两侧有很多填充空间：

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

如何将div两侧的空格填充更改为更少的像素？还有，有没有办法让标签上的黑色条都变成黑色

---

谢谢

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

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

---

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

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

---

懒惰的方法是在css中设置重要属性

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

---

懒惰的方法是在css中设置重要属性

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

---

似乎添加了填充，因为每个表单元素都包装在一个段落

标记中。样式仅应用于样式表中的p元素，因此您可以用以下内容覆盖它：

#add_suggestive_solution p{margin:0}

。请注意，将0替换为所需的边距

---

您所指的黑色条纹是什么？

看起来添加了填充，因为每个表单元素都包装在段落

标记中。样式仅应用于样式表中的p元素，因此您可以用以下内容覆盖它：
#add_suggestive_solution p{margin:0}
。请注意，将0替换为所需的边距

您所指的黑色条纹是什么？
您指的是哪个？我看到那个房间里有两个，一个大一个小。你说的“黑条”是什么意思？在Firebug（IIRC）中，所有匹配的CSS规则都有一个源。至少在Chrome上，Inspector会给我影响该元素的CSS样式的行号。@ACarter越大越好。：）@搅拌机我想电话号码在他们的图书馆里，我正在远程呼叫。对。看看CSS规则。只需将该文本块复制到样式表中并对其进行修改。您指的是哪一个？我看到那个房间里有两个，一个大一个小。你说的“黑条”是什么意思？在Firebug（IIRC）中，所有匹配的CSS规则都有一个源。至少在Chrome上，Inspector会给我影响该元素的CSS样式的行号。@ACarter越大越好。：）@搅拌机我想电话号码在他们的图书馆里，我正在远程呼叫。对。看看CSS规则。只需将该文本块复制到样式表中并对其进行修改。黑色条纹是具有3个选项卡的条纹黑色条纹是具有3个选项卡的条纹