Jquery UIを編集するアコーディオンアイコンの色

Question

このアコーディオンのデフォルトアイコンの色を編集できるかどうかは、展開していても黒く保たれているのかどうかは分かりませんでした。新しいアコーディオンの再構築やカスタムアイコンのアップロードを必要としない実用的なソリューションを探していました。

ここに私のコード：https://jsfiddle.net/d4riog7/5ucxwa00/

ない、それは関数内で達成することができますを確認します。

$("#accordion").accordion({ 
     [...] 
    }); 

あるいはCSSを経由して

#accordion .ui-icon{ 
    [...] 
} 

歓声

Answer 1

​​

背景画像を使用します。

 
.ui-icon 
{ 
    background-image: url(http://download.jqueryui.com/themeroller/images/ui-icons_black_256x240.png) !important; 
} 

アイコンpngファイルは任意の色でダウンロードできます。

http://download.jqueryui.com/themeroller/images/ui-icons_*COLOR*_256x240.png 

または、ダウンロードしてローカルに保存し、locall URLを使用してください。

Answer 2

それは完璧ではないですが、このスタイルルールは、あなたのフィドルに追加したときに起こるか見て：

.ui-icon:before { 
    content: ""; 
    display: block; 
    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    background: rgba(0,255,255, 0.5); 
    transition: all .3s linear; 
} 

残念ながら、アイコンは、それがバックグラウンドでspanませんので、画像を変更する余地はなくて前の答え。私のソリューションはスパン全体に色合いを与えます。