Question

基本上，我只想要没有单选按钮的RadioButtonList，我会编码rbl，以便选定的项目具有不同的背景颜色，使其看起来更专业，单选按钮本身，我希望能够摆脱在外表方面...如果你知道有任何办法，请告诉我！

Answer 1

这对我帮助很大： HTTP_：//www.ryanfait.com/resources/custom-checkboxes-and-radio-buttons/

此链接已损坏，原始所有者是..永远离线，所以内容

或许对于任何阅读本文的人，可以尝试在css的输入中将背景设置为无

<style>
   input {
      background:none !important;
   }
</style>

Answer 2

如果没有使用javascript混淆一些技巧，我想不出任何简单的方法。

这可能是你想要的东西：
Accessible, Custom Designed Checkbox and Radio Button Inputs Styled with CSS (and a dash of jQuery)

stand-a-lone demo here。

用于模仿单选按钮的图像： Radio Button Image

Answer 3

找到了合理的解决方案......

    <head runat="server">
    <title>Test - Hide radio circles from radiobuttonlist</title>
    <script type="text/javascript">
    function hideRadioSymbol()
    {
        var rads = new Array();
        rads = document.getElementsByName('list1'); //Whatever ID u have given to ur radiolist.
        for(var i = 0; i < rads.length; i++)
            document.getElementById(rads.item(i).id).style.display = 'none'; //hide
    }
    </script>
    </head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:RadioButtonList ID="list1" runat="server">
            <asp:ListItem Value="item1" Text="item1"></asp:ListItem>
            <asp:ListItem Value="item2" Text="item2"></asp:ListItem>
        </asp:RadioButtonList>
    </div>
    <script type="text/javascript">hideRadioSymbol()</script> //After list is completely rendered/loaded.
    </form>
</body>
</html>

哦，顺便说一下，mvc真棒，这就是asp.net 应该从一开始就是如此!!

RadioButtonList没有Radio Button Circle？

3 个答案: