0

私は自分の Web アプリケーションで jquery ui タブを使用しています。

アプリケーションでボタンをスタイルするボタンクラスがあります。

しかし、そのボタンをタブ内に配置すると、スタイルは jquery ui css によってオーバーライドされます。

考えられるオプションの 1 つは、!importantオーバーライドを停止するために使用することです。ただし、クラス内の単一のスタイルにのみ適用できます。

クラス全体に !important を指定することはできませんか?

そうでない場合、CSS の上書きを止める他の方法は何ですか?

更新しました：

.button 
{
    padding-top: 2px ;
    padding-bottom: 2px;
    padding-left: 8px;
    padding-right: 8px;
    color: #6688A4;
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
    color: #333333;
    background-color: #E8E8E8;
    border: 1px double #003C74;
    cursor: pointer;
}

jquery ui要素にjquery ui cssファイルを使用しています。

上記のボタン クラスは、以下のクラスによってオーバーライドされています。

.ui-button
{
    display: inline-block;
    position: relative;
    padding: 0;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    overflow: visible; /* removes extra width in IE */
}
4

2 に答える 2

1

.buttonにあるものをにあるものよりも優先したい場合は.ui-button、ルールを次のように変更して特異性を高めることができます。

.button {

に

.ui-button.button, .button {

特異性に関する記事

エキス ：

特異性は、競合の解決を支援する CSS カスケード内のメカニズムです。特異性の概念は、同じ要素に適用され、同じプロパティを設定する 2 つ以上の宣言が同じ重要性と起源を持つ場合、最も具体的なセレクターを持つ宣言が優先されることを示しています。

W3.org 特異式

于 2013-11-06T10:50:45.670 に答える
0

通常、最後にロードされた方が他方をオーバーライドします。オーバーライドしたいスタイルが、HTML 内の他のスタイルの後にロードされていることを確認できますか?

于 2013-11-06T10:49:20.373 に答える