컨트롤 그룹 버튼 문제

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