如何更改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

回答