Question

我想要这样的img（相同高度的文本btn和箭头btn）。但我无法得到它。这是我的code

Answer 1

也许我错过了这一点，但有点像：http://jsfiddle.net/PtLKF/10/？它需要成为第二个按钮吗？

如果是这样的话，如果你不想对css过于混乱，你可以用一个不间断的空间来假装它。 http://jsfiddle.net/PtLKF/13/

Answer 2

和J.T.Sage一样，为什么这两个按钮？

<div data-role="page" id="button-tests">
    <div data-role="controlgroup" data-type="horizontal">
        <a href="tel:(866) 444-8619"  data-role="button" data-theme="e">Call (866) 444-8619</a>
        <a href=""  data-role="button" data-theme="e" data-icon="arrow-l" data-iconpos="notext"></a>
    </div>
    <div data-role="controlgroup" data-type="horizontal">
        <a href="tel:(866) 444-8619"  data-role="button" data-theme="e">Call (866) 444-8619</a>
        <a href=""  data-role="button" data-theme="e" data-icon="arrow-l" data-iconpos="notext" style="height:100%;" class="fix-button-height" id="custom-button-height"></a>
    </div>
    <div data-role="controlgroup" data-type="horizontal">
        <a href="tel:18664448619"  data-role="button" data-theme="e" data-icon="arrow-l" data-iconpos="right">Call (866) 444-8619</a>
    </div>
    <div data-role="controlgroup" data-type="horizontal">
        <a href="tel:(866) 444-8619"  data-role="button" data-theme="e">Call (866) 444-8619</a>
        <a href=""  data-role="button" data-theme="e" data-icon="arrow-l" class="hide-text" data-iconpos="right">|</a>
    </div>
</div>

CSS

.fix-button-height .ui-icon {
    margin-top:7px;
    margin-bottom:7px;
    display:block;
}

.hide-text {
    color:#fceda7;
}

.hide-text:hover { 
    color:#faeb9e;
}

控制组按钮问题

2 个答案: