Question

我正在使用PhoneGap和JQuery Mobile。我正在尝试使用自定义按钮图标。我已经看到很多关于它是如何工作的例子，但我无法让它在我的手机间隙应用程序中工作。

在我的标题中，我有以下风格：

                    .ui-icon-customic {
                        background-image: url(/nasa.png);
                        background-repeat: no-repeat;
                    }
                    .ui-icon-customic {
                        background-position: 0 50%;
                    }

在身体中我有以下按钮：

  <a href="#" data-role="button" data-icon="customic" data-iconpos="right">Custom Icon</a>

更多背景是样式条目位于所有其他JQuery引用之后的标题中的最后一个条目。

这些是其他条目的版本： PhoneGap的-1.0.0.js http://code.jquery.com/mobile/1.0rc1/jquery.mobile-1.0rc1.min.css 文档/ _assets / CSS / JQM-docs.css http://code.jquery.com/jquery-1.6.4.min.js 实验/ themeswitcher / jquery.mobile.themeswitcher.js 文档/ _assets / JS / JQM-docs.js http://code.jquery.com/mobile/1.0rc1/jquery.mobile-1.0rc1.min.js

Answer 1

不知道你的代码是否也应该有效，这就是我做的方式（并且它的工作原理=））

<a href="#..." id="lang_de_button" data-icon="custom" class="ui-btn-right">Text</a>

的CSS：


#lang_de_button .ui-icon { 
    background: url(images/at.png) 50% 50% no-repeat;
    background-size: 16px 11px;
    box-shadow: none!important;
    border-radius: 0px !important;
}

希望它有所帮助！

使用PhoneGap的JQuery Mobile自定义图标无效

1 个答案: