2012-02-12 6 views
0

私はこのテストページを持っています:http://www.problemio.com/problems/problem.php?problem_id=305jQueryプラグインのCSSスタイルを変更するには?

私はページの真ん中に向かってフォームを見栄えようとしています。

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

がどのように私はあまりピクセルにdiv要素の両側にスペースのパディングを変更することができます:私はFirebugの中でそれを見たとき、このdiv要素からそのタブの両側にパディングスペースがたくさんありますか?また、黒い帯をタブ全体で黒くする方法はありますか?

ありがとうございます!

+0

どのような意味ですか?私はそのdivに2つ、もっと大きなものと小さいものがあるのを見ます。そして、 "黒帯"はどういう意味ですか? – ACarter

+1

Firebug(IIRC)では、一致するすべてのCSSルールにもソースがあります。 Chromeでは、少なくともInspectorがその要素に影響を与えるCSSスタイルの行番号を教えてくれます。 – Blender

+0

@ACarterこれは、より大きなフォームです。 :) – GeekedOut

答えて

2

アプリケーションCSSファイルまたはページでjQuery UI cssで定義されたCSSを上書きできます。 以下のようにパディングを設定し、同じ方法で必要なスタイルをすべてオーバーライドすることができます。

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

あなたのCSSに重要な特性を設定するのが怠惰な方法です。

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

各フォーム要素が段落<p>タグ内に折り返されているため、パディングが追加されているようです。スタイルはスタイルシートのp要素だけに適用されるので、次のように上書きすることができます:#add_suggested_solution p {margin:0 0 0 0}。注意してください、あなたの希望するマージンが何であれ、0を置き換えてください。

あなたが参照している黒い縞は何ですか?

+0

ブラックストライプは3つのタブを持つものです – GeekedOut

関連する問題