0

楽しみのために作成しているプロジェクトで bartender.css を使用しようとしています。デフォルトのアイコンを独自のアイコンに置き換えたいのですが、その方法が見つからないようです。ここにも未解決のスタックオーバーフローがあります: JQuerymobile と Bartender Tabbar - 個々のアイコンですが、プラグインに関する多くのことが過去 1 年ほどで変更されたように見えるので、もう一度質問する必要があると感じています。この例では、5 つの異なるアイコンが表示されています。しかし、CSS のどこを変更する必要があるのか​​ わかりません。アイコン URL は CSS のこの部分のどこかにあると思います。

/* ============= SEPERATE CSS-SPRITES  ======================= */
/*   7b. SEPERATE */
/*   REGULAR  */
.soloSprite li a .ui-btn-inner {
    display: inline-block;
    position: static;
    height: 30px;
    width: 30px;
    background-color: none;
    background: url("sprite_lo-res.png") no-repeat;
    background-size: 300px 44px;
    -o-background-size: 300px 44px;
    -webkit-background-size: 300px 44px;
    -moz-background-size: 300px 44px;
    -ms-background-size: 300px 44px;
}
.soloSprite li a[data-icon="features"] span:only-child { background-position: 0px 0px }
.soloSprite li a[data-icon="brands"] span:only-child { background-position: -60px 0px }
.soloSprite li a[data-icon="fees"] span:only-child { background-position: -30px 0px }
.soloSprite li a[data-icon="contact"] span:only-child { background-position: -90px 0px }
.soloSprite li a[data-icon="about"] span:only-child { background-position: -120px 0px }
.soloSprite .ui-icon::before {
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorStr=#40ffffff,EndColorStr=#12ffffff);
    zoom: 1;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.15)), to(rgba(255,255,255,.0)));
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,.25) 0%, rgba(255,255,255,.07) 48%, rgba(255,255,255,.0) 48.5%, rgba(255,255,255,.0) 100% );
    background-image: -ms-linear-gradient(top, rgba(255,255,255,.25) 0%, rgba(255,255,255,.07) 48%, rgba(255,255,255,.0) 48.5%, rgba(255,255,255,.0) 100% );
    background-image: -moz-linear-gradient(top, rgba(255,255,255,.25) 0%, rgba(255,255,255,.07) 48%, rgba(255,255,255,.0) 48.5%, rgba(255,255,255,.0) 100% );
    background-image: -o-linear-gradient(top, rgba(255,255,255,.25) 0%, rgba(255,255,255,.07) 48%, rgba(255,255,255,.0) 48.5%, rgba(255,255,255,.0) 100% );
    background-image: linear-gradient(top, rgba(255,255,255,.25) 0%, rgba(255,255,255,.07) 48%, rgba(255,255,255,.0) 48.5%, rgba(255,255,255,.0) 100% );
}

更新: JsFiddle をセットアップしました。どんな助けでも大歓迎です。http://jsfiddle.net/excUq/

4

0 に答える 0