2

Jquery アコーディオンのコンテンツの背景色を変更するには? 私はCSSとJSファイルでそれを変更しようとしました:

[CSS]

.ui-accordion-content {  
    width: 100%;  
    background-color: #f3f3f3;  
    color: #777;  
    font-size: 10pt;  
    line-height: 16pt;  
}

[JS]

$(".ui-accordion-content").css("background", "#fcfff4")

それらのどれも機能しません。

4

5 に答える 5

3

回答: CSS セレクターの優先順位に注意する必要があります。

より具体的な CSS セレクターを使用する必要があります。ブラウザが要素のどの CSS セレクターを選択するかについて、何が優先されるかについての標準をお読みください。だから何か

#myAccordion .ui-accordion-content

するかもしれません。または、より具体的にする必要があるかもしれません。

これに関する詳細情報へのリンクを次に示します。

于 2013-06-19T03:04:42.473 に答える
2

オーバーライド .ui-widget-content

.ui-widget-content{
    background:red;
}

このデモを見てください。アコーディオンをフォークして、背景を変更しただけです

于 2013-06-19T03:08:08.500 に答える
1

私はより具体的なセレクターを使用しようとし、常に background:none; を追加します。

#accordion .ui-accordion-header{
  background-image:none;
  background-color:#333;
  color:#fff;
}

#accordion .ui-accordion-content{
  font-size:14px;
  background-image:none;
  background-color:#222;
  color:#fff
}
于 2015-02-02T20:05:31.033 に答える
0

これで試してください

<style>
#accordion .ui-state-active{
background-image:none;
background-color:#FF0000!important;
color:#454545!important;
border: 1px solid #454545!important;
}

#accordion .ui-state-default{
background-image:none;
background-color:#F6F6F6;
color:#454545;
}
</style>

よろしく。

于 2016-08-05T17:07:17.790 に答える
0

JQuery-UIのデフォルトの CSS 設定をオーバーライドしているため!important、CSSで world を使用する必要があります。または、JQuery-UI をダウンロードする前に、目的の JQuery-UI テーマのテーマを設定/カスタマイズする必要があります。

于 2013-06-19T03:04:32.407 に答える