1

I'm developing a jquery mobile based website, and setting the css for retina displays. Jquery Mobile includes the 36px x 36px icon sizes, but uses the 18px version by default. I can't find what jQuery Mobile class or data attribute to add to the button to make it use the 36px size.

クラスui-icon-altは適切な背景画像を使用しているように見えますが、クラスをui-iconからui-icon-altに変更すると、ボタンがまったくレンダリングされません。私が取り組んでいる問題のボタンは次のとおりです。

<a href="#" data-icon="arrow-l" data-role="button" class="show-back ui-btn-left ui-btn ui-btn-corner-all ui-btn-icon-notext" data-iconpos="notext">
    <span class="ui-btn-inner ">
        <span class="ui-btn-text">Back</span>
        <span class="ui-icon ui-icon-arrow-l"></span>
    </span>
</a>
4

2 に答える 2

0

私はあなたが与えることができると信じています

<a id="backBtn" href="#">
<span class="ui-btn-inner ">
    <span class="ui-btn-text">Back</span>
    <span class="ui-icon ui-icon-arrow-l"></span>
</span>

注:必要に応じて、これらのスパンとクラスをすべて削除してシンプルに保つことができます。jQuery が残りの CSS クラスとレイアウトを処理します。例：

<a id="backBtn" href="#" data-icon="arrow-l" data-iconpos="notext">Back</a>

次に、my-custom.css で、この特定の ID のアイコン url() を編集できます。他のボタンについては、18px ではなく 36px アイコンを使用する必要があります。例：

#backBtn .ui-icon { 
     width: 36px; 
     height: 36px; 
     background-image: url(images/icons-36-white.png); 
}

それがあなたの質問に答えているかどうか教えてください。もしそうなら、正しい答えとしてチェックしてください。

于 2013-09-24T09:20:45.823 に答える