我需要为我的导航栏添加图标,所以我从以下链接下载了图标,http://www.glyphish.com/ , 我已经下载了免费图标。然后我试图在代码中添加图标,我的缺点不显示?代码有什么问题?
<div data-role="navbar">
<ul>
<li><a id="other-color" data-icon="img/193-location-arrow.png" data-iconpos="left" href="#">Set Filter</a></li>
<li><a id="other-color" data-icon="img/193-location-arrow.png" data-iconpos="right" href="#">Add page</a></li>
</ul>
截图:
最佳答案
创建自定义类并使用 :after
伪选择器修改它们的 background-image
。
.ui-arrow:after {
background-image: url(../193-location-arrow.png);
background-size: 15px 15px;
}
.ui-location:after {
background-image: url(../07-map-marker.png);
background-size: 20px 20px;
}
关于jquery - jquery mobile 中的导航栏图标问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24578278/