在jquery移动列表中使用自定义图标
我找到了有关使用jQuery移动按钮的自定义图标以及如何使用现有图标自定义列表的文档，但我无法找到如何将自定义图标添加到列表视图（即我创建自己的PNG）。
我试过设置data-url ：
...
到jQuery移动按钮中解释的png文件的名称，但这不起作用。
您需要为新图标添加CSS规则：
.ui-icon-myapp-email { background-image: url("app-icon-email.png") !important;/*I added the !important, I found that this rule was being overwritten*/ }
Upadate：
您还可以使您的CSS规则比jQuery Mobile规则更具体，如下所示：
html .ui-icon-myapp-email { ... }
这就是它，你应该能够通过这样引用它来使用这个图标：
MY LI!!!
请注意，如果li元素中没有链接，则不会显示图标。
这是一个演示： http ： //jsfiddle.net/KYaQT/106/ （更新后的链接）
除了背景图像，您可能还想修改背景颜色和图标容器的大小。 默认情况下，图标为18×18像素。 如果您的图标大于该图标，则还必须更改位置和边距。
/* email icon */ .ui-icon-myapp-email { background-image: url("app-icon-email.png") !important;/*I added the !important, I found that this rule was being overwritten*/ background-color: none; border: none; box-shadow: none; }
我已经解决了这个问题，因为我想在我的网络应用中使用svg文件：
- 将一个类放到要修改的列表中，“newlist”（如果要修改某些列表，不是所有站点）
- make消失图标：
.newlist span.ui-icon{display:none} - 创建新的图标类：“newicon”和
style{position:relative} - 你可以把图像作为背景或加载到div中，我把它加载到里面，因为我想为每个人添加一个不同的图标，
style{ position:absolute;width:24px;heigh;24px;right:10px;top:50%;margin-top:-12px;display:block} - 将带有图像的div放在
元素之后
我使用24×24像素的图像