css – 如何在jQuery Mobile中将图像用作按钮？

我经历了一个关于如何用自定义图像替换jQuery Mobile中的默认按钮的搜索,因为我正在实现构建PhoneGap应用程序的代码.我发现这个 one useful link. 我有这样的代码

... . . 我经历了一个关于如何用自定义图像替换jQuery Mobile中的默认按钮的搜索,因为我正在实现构建PhoneGap应用程序的代码.我发现这个 one useful link.

我有这样的代码：

<a href="#user_info" data-role="button" data-theme="b" data-iconpos="right" data-icon="myapp-custom">Custom Icon</a>

CSS是：

.ui-icon-myapp-settings {  background: url("settings.png") no-repeat rgba(0,0.4) !important;}

它仍然显示一个图标,而不是我的图标.

css directory -- ../css/style.cssimage directory  ../css/images/settings.png

我得到的观点如下：

代码或图像位置有什么问题？

.

解决方法

. 如果您需要比图标大的东西,为了使用图像,作为按钮,只需使用以下内容：

< a href =“venta.html”data-theme =“”id =“ventaOption”>        < img src =“css / images / standard / shoppingcart.png”width =“26”height =“26”>        &LT峰; br />        塔斯< / A>

. . .. ...