html - 单选按钮列表 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 - 只需单击正方形 - 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');
                               });