add more data-attributes to split icon in jquery mobile listview

Question

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?

Answer 1

Working example: 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;
}