如何更改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替換為所需的空白量。

您指的是黑色條紋？