Radiobuttonlist CSS 스타일링

Question

다음은 내 코드 및 스크린 샷입니다. 이 문제를 해결하는 방법?

이것은 모달 대화 상자입니다. 라디오 버튼 주위에 테두리가 표시되고 그 후에 텍스트가 표시됩니다. 나는 경계선을 원하지 않고 라디오 버튼 옆에 텍스트를 표시하기를 원합니다.

<tr> 
    <td> 
     <b>Choose:</b> 
     <br /> 
     <br /> 
     <asp:RadioButtonList ID="rbAdApprovalStatus" runat="server" RepeatDirection="Vertical" RepeatLayout="Flow"      OnTextChanged="rbAdApprovalStatus_OnTextChanged" AutoPostBack="true"> 
     <asp:ListItem Value="Approved">Approved</asp:ListItem> 
     <asp:ListItem Value="Approved w/ Requirements">Approved w/ Requirements</asp:ListItem> 
     <asp:ListItem Value="Declined">Declined</asp:ListItem> 
     </asp:RadioButtonList> 
    </td> 
    </tr> 

Answer 1

은 당신이하고 싶은 일을 할 수있는 다른 방법의 수백이있다.

여기에 여러분을 시작할 수있는 오래된 수수께끼가 있습니다. 단지 사각형을 클릭하십시오 - FIDDLE.

JS

var $dialogpopup = $(".hiddenimagediv").dialog({ 
        autoOpen: false, 
        height: 'auto', 
        width: 'auto', 
        position: {my: "top middle", 
          at: "top middle", 
          of: ".imagediv"}, 
        title:"Finalize"}); 

$('.imagediv').click(function(){ 
           $dialogpopup.dialog('open'); 
           });