2014-02-26 51 views
0

我想要定製jQuery移動導航欄圖標,它不工作。我知道這個問題之前已經被問過了,我認爲我正在做的是對的,有人可以看看我的代碼,看看他們是否可以看到問題。定製jquery移動圖標navbar

.ui-icon-directions { 
background-image:url("http://c9.io/mbochicchio/tradingpost/workspace/img/mobilephotos/directions.png") 50% 50% no-repeat; 
background-size: 20px 20px; 
box-shadow: none; 
-webkit-box-shadow: none; 
margin: 0 !important; 

}

http://jsfiddle.net/ragingnomad/NHC9p/5/

+0

如果您知道之前已經詢問過,問題是什麼使您相信那裏給出的解決方案不適合您?如果沒有解決方案,現在是什麼讓你成爲現成的東西? – vonbrand

+0

我嘗試了其他人提供的解決方案,但他們沒有工作。感謝ezanker,他修復了JQM 1.4.x。 – user3356783

回答

1

在JQM 1.4.x的,背景圖像應用到:僞選擇後:

.ui-icon-directions:after { 
    background-image:url("http://c9.io/mbochicchio/tradingpost/workspace/img/mobilephotos/directions.png"); 

} 

這裏是你的更新FIDDLE

+0

謝謝你,你的解決方案工作! JQM需要更新他們站點上的文檔以獲得v1.4.x版本,因爲我沒有看到任何提及:在這之後的僞選擇器。 – user3356783

+0

它在那裏:http://demos.jquerymobile.com/1.4.1/icons/滾動到自定義圖標。 – ezanker