Javascript jquery mobile中的自定义图标使用自定义主题失败

我无法在jquery移动列表中获得一个自定义图标来显示我的一生

我的假设是，这不起作用，因为我使用的是一个主题滚动自定义主题，并且我没有正确地实现它。我相信我已经不折不扣地遵循了jquery移动示例。我只是被难住了也许比我聪明的人会帮上忙。谢谢

JSFIDLE链路

jQuery移动文档-主题列表
#咖啡图标。用户界面图标自定义{
背景图像：url（“http://jquerymobile.com/demos/1.2.0/docs/toolbars/glyphish-icons/34-coffee.png");
背景位置：2px2px；
背景大小：90%；}

分隔符

尝试将CSS选择器更改为：

#coffeeicon .ui-icon-custom:after

注 您还必须稍微更改小提琴以使其工作（在CSS框中，您不需要放置

和

，只需要简单的CSS代码

#coffeeicon .ui-icon-custom:after