html - 删除 jquery 移动 ListView 的默认图标

Question

我正在用 jquery mobile 做一个 ListView ，但我不能更改 jquery mobile 列表的默认图标，这是我的代码:

<ul data-role="listview" data-inset="true" class="ui-alt-icon">
    <li><a href="#">Acura</a></li>
    <li><a href="#">Audi</a></li>
    <li><a href="#">BMW</a></li>
    <li><a href="#">Cadillac</a></li>
    <li><a href="#">Ferrari</a></li>
</ul>

谢谢!!

Answer 1

示例 1 - 自定义图标

工作示例:here .

HTML:

<ul data-role="listview" data-inset="true" data-icon="alt">
    <li><a href="#">Acura</a></li>
    <li><a href="#">Audi</a></li>
    <li><a href="#">BMW</a></li>
    <li><a href="#">Cadillac</a></li>
    <li><a href="#">Ferrari</a></li>
</ul>

CSS:

.ui-icon-alt:after {
    background-image: url('http://upload.wikimedia.org/wikipedia/en/5/5d/Mac_App_Store_icon.png');
    background-size: 25px 25px;
}

示例 2 - 预先存在的图标

工作示例:here .

语言:

<ul data-role="listview" data-inset="true" data-icon="left">
    <li><a href="#">Acura</a></li>
    <li><a href="#">Audi</a></li>
    <li><a href="#">BMW</a></li>
    <li><a href="#">Cadillac</a></li>
    <li><a href="#">Ferrari</a></li>
</ul>