JQuery Mobile刪除光盤背景

有沒有辦法從周圍和圖標中刪除背景光盤（圓圈）？我找到的光盤的唯一參考是低於JQuery Mobile刪除光盤背景

background:       rgba(0,0,0,.4) /*{global-icon-disc}*/;

來源

2012-05-21 acctman

你可能想顯示一些HTML有acctman或者你很可能得到否決和關閉 – griegs

嘗試類似這樣的重寫JQM css。

.ui-icon, .ui-icon-searchfield::after { 
    background: transparent; 
    background-image: url(http://code.jquery.com/mobile/1.1.0/images/icons-18-white.png);  
}

來源

2012-05-21 07:02:57 codaniel

還應該添加的box-shadow：無;否則會顯示圓圈邊框。 – Justin

在1.3.0版本中，添加類UI圖標，nodisc

來源

2013-05-09 14:45:03 fabian

不起作用... – Justin

您確定您使用的是1.3.x版嗎？查看[docs]（http://view.jquerymobile.com/1.3.0/#Removingthediscandshadow） – fabian

對我來說不適用於使用JQM 1.3.1 – Mirko

如果您使用jQuery Mobile的1.4使用class="ui-nodisc-icon"

來源

2014-01-28 13:11:28 BetRob

這是1.4版本的最佳答案！以下是供參考的文檔：http://demos.jquerymobile.com/1.4.0/icons/#Removingthedisc – aharris88

我有同樣的問題，這個解決方案來：

.ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-  bottom:after, .ui-btn-icon-notext:after { 
background-color: transparent !important; 
}

來源

2014-01-31 16:26:32 Lowtrux

這是對我工作：

.az-nodisc { 
    background-color: transparent !important; 
    border: none; 
    box-shadow: none; 
}

然後應用該樣式爲：

<a href="#" class="az-nodisc ui-btn ui-icon-plus ui-btn-icon-notext ui-nodisc-icon">test</a>

來源

2014-12-01 01:01:22 Azmeer

JQuery Mobile刪除光盤背景

回答

相關問題