Jquery mobile 从jQuery Mobile中删除/覆盖默认图标样式

在我的移动web应用程序的标题中，我希望提供一个设置图标，并且仅提供一个设置图标。我不想渲染任何样式。jquerymobile添加了很多样式，我只想删除它。我已经接近了，但遇到了一些问题

在这里，我在标题中定义了自定义图标：

<a href="#settings" class="ui-btn ui-icon-settings ui-btn-icon-notext" data-transition="flip"></a>

.toolbar .ui-btn, .toolbar .ui-btn-up, .toolbar .ui-btn-hover, .toolbar .ui-btn-down, .toolbar     .ui-btn-inner,
.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:none;
        }

我需要能够设置它的大小，并始终保持在标题的中心（对于访问站点的所有设备）。jquerymobile将图标放在一个边界框中，因此如果我将图标的大小增加到30px，它会切断图标的一部分。25px看起来还可以，但不够大，而且它没有完全在其定义的框中居中。我需要去掉这个框（它出现在悬停上），你可以在这张图中看到

问题: 是否有更好的方法将简单图标添加到标题并避免重置/覆盖样式？ 或者我需要添加什么才能获得所需的结果？ 我还想为纯文本按钮做这个，所以如果我能一石二鸟那就太好了

非常感谢

另外，我正在使用jqm1.4.0rc1。

这里有一个

我给了按钮一个id，并添加了类ui nodisc图标来隐藏光盘

<a id="btnSettings" href="#settings" class="ui-btn ui-icon-gear ui-btn-icon-notext ui-nodisc-icon" data-transition="flip"></a>

将：after width、height和background大小设置为所需的大小图标，然后将左侧和顶部的边距设置为高度和宽度的负一半以保持其居中。

这里有一个

我给了按钮一个id，并添加了类ui nodisc图标来隐藏光盘

<a id="btnSettings" href="#settings" class="ui-btn ui-icon-gear ui-btn-icon-notext ui-nodisc-icon" data-transition="flip"></a>

---

将：after width、height和background大小设置为所需的大小图标，然后将左边距和顶部距设置为高度和宽度的负一半，以保持其居中。

这太棒了。如此简单和干净，爱它！非常感谢！在1.3中，提供的图标不是SVG，只是png，因此放大它们会丢失分辨率。您可能希望提供自己的较大图像，然后使用css：这太棒了。如此简单和干净，爱它！非常感谢！在1.3中，提供的图标不是SVG，只是png，因此放大它们会丢失分辨率。您可能希望提供自己的较大图像，然后使用css：