Css 列表中的自定义图标

我试图在列表中使用自定义图标。这是。我试着遵循这些，但我不能让它工作。另外，我也试着遵循这一点，但它适用于较旧版本的jQuery mobile

我正在尝试使用以下CSS：

.ui-icon-myicon:after {
    background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/8/82/Dell_Logo.png/1027px-Dell_Logo.png");
}

检查列表的前两个元素。它们代表了我最好的两次尝试。我想更改右侧列表的图标，即指向右侧的箭头

---

---

实际上，我想要的是在那里列出玩家，自定义图标将是CF、DMF、AMF、SB等。

您需要给出背景图像尺寸：

background-size:20px 20px;

---

没有；我身体不太好，但到了那里（我刚跑完第一行）

.ui图标我的图标：之后{
背景图像：url（“https://upload.wikimedia.org/wikipedia/commons/thumb/8/82/Dell_Logo.png/1027px-Dell_Logo.png");
}
.ui图标戴尔{
背景图像：url（“https://upload.wikimedia.org/wikipedia/commons/thumb/8/82/Dell_Logo.png/1027px-Dell_Logo.png");
背景尺寸：22px 22px；
背景色：#ededed；
背景重复：无重复；
背景职位：99%；
}

欧洲

该元素的外观与其他元素不同。这不是理想的效果吗？请解释一下预期的结果。谢谢@RachelGallen，顺便说一句，你的回答一直不错！为什么谢谢你：）lol@RachelGallen因为它简单而优雅。：）洛卡斯，对不起。也许你没有赶上我的编辑进度。我要更改的是左侧的图标，即指向右侧的箭头！你明白吗？很接近。如果我将徽标的尺寸更改为20x20，则大小正确。但是，如何将其向左移动一点，以便完美贴合/嗯，我试过填充正确：2.5em！重要的是，我认为您必须将其放入jquery移动脚本中才能使其正常工作，因为它没有很好地运行，正如您在我的小提琴中看到的那样，我每次都下载脚本。我会努力研究你的答案，如果我有什么我会报告回来！（非常好的尝试，这就是为什么我给你+1）。也许你可以把我的问题投上一票以引起注意！：）背景职位：99%；背景尺寸：22px 22px；我想我们需要94或95，你不同意吗在小提琴中，当我把94%放进去时，当屏幕调整大小时就会出现问题。然而，在我的实际项目中，它就像一个魅力！