jquery-mobile - jQuery Mobile text 和 notetext 按钮垂直对齐

Question

当我将文本按钮放在标题中的 notext 按钮旁边时，notetext 按钮显示的位置略低于。我尝试为 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>

Answer 1

不太确定为什么会这样，但快速（和肮脏）的修复可能是这样的：

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

JSFiddle
http://jsfiddle.net/GG3qE/