Question

我正在使用webapp工作，我正在使用jquery mobile的listview ...

在这里，只想自定义每个列表行右侧的分割图标......

但是想要使用data-split-shadow="false"和data-split-stroke="false"这样的数据属性来做到这一点，这样就不会显示图标上的阴影和白色圆圈笔划，只显示灰色背景和图标将显示...

我已为此附加了一个演示... http://jsfiddle.net/FkGz8/

就像那样，

<ul class="ui-icon-alt" data-role="listview" data-inset="false" data-split-icon="gear" data-split-theme="d" data-theme="d" data-split-stroke="false" data-split-shadow="false">

可以吗？

Answer 1

工作示例：http://jsfiddle.net/Gajotres/rQtmC/

CSS：

.ui-icon-alt li .ui-li-link-alt .ui-btn-inner .ui-btn {
    width: 18px !important;
    height: 18px !important;    
    border-width: 0 !important;
}

.ui-icon-alt li .ui-li-link-alt .ui-btn-inner .ui-btn, .ui-icon-alt li .ui-li-link-alt .ui-btn-inner .ui-btn .ui-btn-inner .ui-icon {
    box-shadow: 0 0 0 !important;
}

在jquery mobile listview中添加更多数据属性以拆分图标

1 个答案: