我有这个测试页：http://www.problemio.com/problems/problem.php?problem_id=305
我正在尝试使页面中间的表单看起来更好。当我在FireBug中查看它时，这个标签的两侧有很多填充空间：
<div id="tabs-1" class="ui-tabs-panel ui-widget-content ui-corner-bottom">
如何将div侧面的空间填充更改为更少的像素？另外，有没有办法让标签上的黑条全黑？
谢谢！
答案 0 :(得分：2)
您可以在应用程序css文件或页面上覆盖jQuery UI css定义的css。 您可以如下设置填充，并以相同的方式覆盖所有必需的样式。
.ui-tabs-panel{
padding: 0px !important;//define the style as per your need
}
答案 1 :(得分：2)
懒惰的方法是在你的CSS中设置重要的属性。
#tabs-1{padding-left: some lesser value !important}
答案 2 :(得分：1)
看起来填充是因为每个表单元素都包含在段落<p>标记内。该样式仅应用于样式表中的p元素，因此您可以使用以下代码覆盖它：#add_suggested_solution p {margin:0 0 0 0}。注意，用你想要的余量替换0。
您所指的黑条纹是什么？