2013-05-15 17 views
0

我在这里我使用jQuery Mobile的列表视图的web应用程序的工作...添加更多的数据属性在jQuery Mobile的列表视图拆分图标

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

但想要使用数据属性如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"> 

难道是可能的吗?

+0

对不起,你可以请你澄清你的问题?你想使用一些其他的图标,你不想在图标上有阴影和白圈描边(但不使用属性)? – Gajotres

+0

不,我想要有相同的图标或默认的jqm,并且不想在图标上有阴影和白色圆圈笔划... – SaurabhLP

+0

您需要告诉我什么是data-split-stroke =“false”?它是围绕图标的白色圆圈吗? – Gajotres

回答

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; 
} 
相关问题