jQuery Mobile的如何去除圖標

灰色圓圈我建立我的第一個PhoneGap的jQuery的申請即時通訊使用這個類jQuery Mobile的如何去除圖標

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

這個自定義圖標是一個列表視圖改變我的圖標，我儘量去除圓形灰色背景負載也是我的圖片是有點大的形狀我是用的.ui-圖標，但不工作廣東話播放找到類

我只想在白色背景上我的自定義箭頭的圖片全尺寸列表中沒有圓形沒有圓形框形狀也許有一個屬性或通過CSS來使謝謝

來源

2012-05-27 louminsk

這應該工作。

.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-27 05:19:09 codaniel

我第一次嘗試這種方式，但它給白洞，但我圖標在z-index和overflow後面消失不起作用...謝謝 – louminsk

什麼尺寸是您的自定義圖標？ – codaniel

我添加了必要的CSS來擺脫圓角。 – codaniel

覆蓋圖標盤的顏色爲白色。

.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-27 05:21:19 boring

謝謝，但我的圖標現在實際上出現在白色背景中，但由於在圓框後面有一點點切，什麼css負責圓孔..firebug不給我的信息和z-index似乎沒有幫助 – louminsk

它是在'ui-icon'類中。 – boring

晚在這裏聚會，但一個簡單的答案是

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

添加到您的自定義類的名字，所以：

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

是你所需要的。

來源

2012-08-07 12:10:03

有了JQuery Mobile 1.3，現在你所要做的就是添加class「ui-nodisc-icon」，不需要亂用CSS。

從JQuery Website：

「如果你不需要的圖標背後的黑圈，只需與UI nodisc圖標添加到開始元素或其容器刪除圖標的背景。」

來源

2013-04-14 08:50:12 ksloan

似乎不適用於listview右箭頭。 – Justin

對於那些希望只有一個按鈕圖標的人 - 我發現這篇文章非常有用！我按照「重置按鈕主題」和「僅圖標按鈕」部分來獲得我需要的效果。

http://appcropolis.com/blog/advanced-customization-jquery-mobile-buttons/

來源

2013-06-13 03:00:06 Yecats

如果您正在使用jQuery 1.4.0 v +，那麼你只需要對類.ui-nodisc-icon添加到您的鏈接元素去除惱人的圈子。你不需要編輯任何css或寫任何覆蓋。

來源

2014-02-07 18:46:57 KevinOrin

我解決了這個問題，使用：

background-color:transparent;

如果要添加顏色的背景，你可以使用：

background: url(yourimage.png) repeat;

來源

2016-01-20 11:00:50 user2099265

jQuery Mobile的如何去除圖標

回答

相關問題