0

ヘッダーの notext ボタンの隣にテキスト ボタンを配置すると、notext ボタンがわずかに下に表示されます。ui-btn-icon-notext に margin-top と padding-top を設定してみましたが、効果がないようです。

問題

<div data-role="header" class="ui-bar">
    ...  
   <div class="ui-btn-right">
     <a href="/" data-role="button" data-theme="e" data-mini="true">Sign In</a>
     <a href="/" data-icon="home-blue" data-theme="e" data-role="button" data-inline="true" data-iconpos="notext">Home</a>
     ...
   </div>
</div>
4

1 に答える 1

2

なぜそれが起こっているのかよくわかりませんが、簡単な(そして汚い)修正は次のようになります:

a.custom-class-name-for-no-text-buttons {
    top: -2px !important;
}

JSFiddle
http://jsfiddle.net/GG3qE/

于 2012-07-09T19:30:55.583 に答える