controlgroup按鈕問題

Question

我在這個img想要的東西像（文字BTN和箭頭BTN高度相同）。但我無法得到它。這裏是我的code

Answer 1

也許我錯過了點，但類似：http://jsfiddle.net/PtLKF/10/？它需要成爲第二個按鈕嗎？

如果是的話，你也許可以僞造其與非換空間，如果你不想讓與CSS太亂。 http://jsfiddle.net/PtLKF/13/

Answer 2

呀相同J.T.Sage，爲什麼兩個按鈕？

我的失敗嘗試：http://jsfiddle.net/PtLKF/38/

<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; 
}