jQuery UI 스타일 라디오 버튼 가운데 놓을 수 없음

Question

인라인 인 라디오 버튼 세트가 있습니다.

$("input:radio").button(); 

지금, 그들은 모두 좋은 찾고 있습니다,하지만 그들은 여전히 ​​왼쪽으로 정렬 : 나는 때문에이 코드 라인 jQuery를 UI 버튼로 전환했다. 이 문제를 해결할 수 없습니다. 나는 심지어 <center>과 그 사이의 모든 것을 사용하려고 시도했다. 그러나 내가 원했던 것처럼 중심에 두지 않았다.

<div style="display: <?php echo $visible; ?>;"> 
     <form action="php/ratingsPost.php" method="POST" id="ratingsPost"> 
         <input type="radio" class="radio" name="rate" value="1" id="1" onChange="javascript:$('#ratingsPost').submit()"/> 
         <label for="1">1</label> 
         <input type="radio" class="radio" name="rate" value="2" id="2" onChange="javascript:$('#ratingsPost').submit()"/> 
         <label for="2">2</label> 
         <input type="radio" class="radio" name="rate" value="3" id="3" onChange="javascript:$('#ratingsPost').submit()"/> 
         <label for="3">3</label> 
         <input type="radio" class="radio" name="rate" value="4" id="4" onChange="javascript:$('#ratingsPost').submit()"/> 
         <label for="4">4</label> 
         <input type="radio" class="radio" name="rate" value="5" id="5" onChange="javascript:$('#ratingsPost').submit()"/> 
         <label for="5">5</label> 
     </form> 
     </div> 

어떤 도움 : 여기

는 HTML입니까?

Answer 1

documentation (마지막 탭)에 따르면 JQueryUI 구성 요소에 대해 다른 테마를 지정할 수 있습니다.

전체 라디오 버튼이 비슷해야합니다

<button class="ui-button ui-button-text-only ui-widget ui-state-default ui-corner-all"> 
    <span class="ui-button-text">Button Label</span> 
</button> 

당신이 개인 CSS 스타일 시트를 사용하여 자신의 디자인을 덮어 쓰기 클래스입니다 필요한 모든. 예를 들어 :

.ui-button .ui-button-text{ 
    // personal style 
} 

어쨌든, JohnP으로 JSBin 또는 JSFiddle를 사용하여 약간의 코드를했다가 문제의 더 나은보기를 얻기 위해 좋을 수있다. 해피 코딩!