8

このクラスを使用してアイコンを変更する最初のphonegapJqueryApplImを作成します

.ui-icon-myapp-email {
    background-image: url("app-icon-email.png");
}

このカスタムアイコンはリストビュー用で、丸い灰色の背景の負荷を削除しようとしています。また、私の写真は.ui-iconで遊んでいた形に対して少し大きいですが、機能しません。クラスを見つけることができません。

私はちょうど私のカスタム矢印画像を白い背景リストにフルサイズで表示したいです丸い丸いボックスの形はありません多分属性があるか、cssを介してその感謝をします

4

7 に答える 7

9

ここでパーティーに遅れますが、簡単な答えは追加することです

background-color: transparent;
box-shadow: none;

カスタムクラス名に、次のようにします。

.ui-icon-myapp-email {
    background-color: transparent;
    box-shadow: none;
}

は、あなたが必要とすることすべてです。

于 2012-08-07T12:10:03.940 に答える
4

JQuery Mobile 1.3 では、"ui-nodisc-icon" クラスを追加するだけで済み、CSS をいじる必要はありません。

JQuery ウェブサイトから:

「アイコンの後ろの黒い円が必要ない場合は、要素またはそのコンテナーに ui-nodisc-icon を追加して、アイコンの背景を削除します。」

于 2013-04-14T08:50:12.303 に答える
2

これはうまくいくはずです。

.ui-icon-myapp-email {
    background:transparent; /* or none */
    background-image: url("app-icon-email.png");
    /* The following border radius rules will override the circle around your icon */
    -moz-border-radius: 0px;
    -webkit-border-radius:0px;
    border-radius:0px;
}
/* To fix the size issue override the .ui-icon height */
.ui-icon{
    width:14px;
    height:20px;
}
于 2012-05-27T05:19:09.973 に答える
0

アイコンディスクの色を白に上書きします。

.ui-icon,
.ui-icon-searchfield:after {
    background: #fff /*{global-icon-color}*/;
    background: rgba(255,255,255,1) /*{global-icon-disc}*/;
    background-image: url(images/icons-18-white.png) /*{global-icon-set}*/;
    background-repeat: no-repeat;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
}

アイコンのサイズはui-iconクラスで指定され、デフォルトは18px。です。 

.ui-icon {
    width: 19px;
    height: 19px;
}
于 2012-05-27T05:21:19.303 に答える
0

以下を使用して、この問題を解決しました。

background-color:transparent;

背景に色を追加したい場合は、次を使用できます。

background: url(yourimage.png) repeat;
于 2016-01-20T11:00:50.117 に答える