jQuery Mobile文本和notext按钮垂直对齐

Question

当我在标题中的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>

Answer 1

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

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

<强>的jsfiddle
http://jsfiddle.net/GG3qE/