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

Question

我有此测试页： http : //www.problemio.com/problems/problem.php?problem_id=305

我正在尝试使页面中间的表单看起来更好。 当我在FireBug中查看它时，此div的选项卡的侧面有很多填充空间：

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

如何将div两侧的空格填充更改为更少的像素？ 另外，有没有办法使标签上的黑色条带全部变黑？

谢谢！

Answer 1

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

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

Answer 2

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

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

Answer 3

由于每个表单元素都包装在段落<p>标记内，因此似乎正在添加填充。 该样式仅应用于样式表中的p元素，因此可以使用以下#add_suggested_solution p {margin:0 0 0 0}覆盖它： #add_suggested_solution p {margin:0 0 0 0} 。 请注意，将0替换为所需的空白量。

您指的是黑色条纹？