JQuery mobil cihazını kullanarak simgenin görünümünü nasıl görebilirim?

Question

Mobil projemden bahsediyorum ve jquery mobil kütüphanesi 1.4.5 sürümünü kullanıyorum.

İşte

CSS edilir:

Bu png görüntü var o görünümde nasıl göründüğünü İşte

<div id="measureControl" data-role="controlgroup" data-type="vertical"> 
    <a href="#" data-role="button" data-icon="measure" id="measureButton" data-iconpos="notext"></a> 
</div> 

: Burada

.ui-icon-measure { 
    background-image: url(img/length_measure.png); 
} 

#measureControl { 
    position: absolute; 
    left: 10px; 
    top: 3em; 
    width: 40px; 
    z-index: 9999; 
} 

#measureButton .ui-icon { 
    width: 30px; 
    height: 30px; 
    top: 13px; 
    right: 13px; 
    background-color: transparent; 
    background-position: center; 
} 

HTML kodu :

Ama bunun böyle olmasını istiyorum: Ben görünümü istenen almak için yukarıdaki kodda değiştirmek zorunda ne

fikrin var mı?

Answer 1

Aşağıdaki kod bu üretecek:

.ui-icon-measure:after { 
    background: url(img/length_measure.png) no-repeat !important; 
} 

#measureControl a { 
    padding: 20px; 
} 

#measureControl { 
    position: absolute; 
    left: 10px; 
    top: 3em; 
    width: 40px; 
    z-index: 9999; 
    border-radius: 13px; 
}