0

i am working in a webapp where i am using listview of jquery mobile...

Here, just want to customize the split icon on the right hand side of every list line...

But want to do this with the use of data-attributes like data-split-shadow="false" and data-split-stroke="false", so that the shadow and the white circle stroke on the icon will not be shown and only the grey background and icon will display...

I have attached a demo for this... http://jsfiddle.net/FkGz8/

Just like that,

<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">

Can it be possible?

4

1 回答 1

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;
}
于 2013-05-15T13:02:33.730 回答