1

私はjQueryタブを使用しましたが、1つをオーバーライドすることはできません。

#tabs .ui-tabs-nav {
    height: 2.35em;
    text-align: center;
}
#tabs .ui-tabs-nav li {
    display: inline-block;
    float: none;
    margin: 0em;

}

#tabs .ui-widget-content { 
    border: none;
    background: none; 
    padding-left:13px;
}
#tabs .ui-widget-header { 
    border: none; 
    background: #ffffff;
    font-family:"Lucida Sans Unicode","Lucida Grande",Sans-Serif;
    font-size:12px;
}
#tabs .ui-state-default, .ui-widget-content .ui-state-default {
    background:#b9c9fe; 
    border:1px solid #E0E0E0;
}
#tabs .ui-state-active, .ui-widget-content .ui-state-active {
    background:#e8edff none; 
    border:1px solid #ffffff;
}

問題は、私が1つの外部境界を取り除くことができないということです。

ここに画像の説明を入力してください

助けてくれる人はいますか？

アドバイスありがとうございます。

HTML：

<div id="tabs">
        <ul>
            <li><a href="#tabs-1">1</a></li>
            <li><a href="#tabs-2">2</a></li>
            <li><a href="#tabs-3">3</a></li>
            <li><a href="#tabs-4">4</a></li>
            <li><a href="#tabs-5">5</a></li>
        </ul>
        <div id="tabs-1">
            <p>TODO</p>
        </div>
        <div id="tabs-2">
            <p>TODO</p>
        </div>
        <div id="tabs-3">
            <p>TODO</p>
        </div>
        <div id="tabs-4">
            <p>TODO</p>
        </div>
        <div id="tabs-5">
            <p>TODO</p>
        </div>
    </div>

含まれているCSSとどのように連携するかを示すHTMLコードを含むコードを追加しました。

4

2 に答える 2

2

これを試して

.ui-widget-content{
    border: none !important;
}

それはまたかもしれません

.ui-widget-header{
   border: none;
}
于 2012-12-17T19:30:57.253 に答える
2

#tabsが呼び出した要素であると仮定して、このセレクターを変更する必要があります.tabs()。

#tabs .ui-widget-content

に

#tabs.ui-widget-content

また

#tabs
于 2012-12-17T19:36:57.220 に答える