RadioButtonList без круга кнопки-переключателя? - PullRequest
Новая
       21

RadioButtonList без круга кнопки-переключателя?

2 голосов
/ 08 января 2010

в основном, я просто хочу RadioButtonList без переключателя, я буду кодировать rbl так, чтобы выбранные элементы имели другой цвет фона и чтобы он выглядел более профессионально, сами переключатели, которые я хочу иметь возможность избавиться с точки зрения внешнего вида ... если вы знаете какой-либо способ сделать это, пожалуйста, дайте мне знать!

Ответы [ 3 ]

2 голосов
/ 08 января 2010

это мне очень помогло: HTTP_: //www.ryanfait.com/resources/custom-checkboxes-and-radio-buttons/

Эта ссылка не работает , первоначальный владелец ... навсегда в автономном режиме, поэтому содержание

Возможно, для любого из вас, кто читает это, может попытаться установить фоновое значение none во входных данных в css 

<style>
   input {
      background:none !important;
   }
</style>
1 голос
/ 08 января 2010

Я не могу придумать ни одного простого метода, не смешав несколько трюков с javascript.

Это может быть то, что вы хотите:
Доступные, специально разработанные флажки и переключатели, стилизованные под CSS (и штрих jQuery)

Демоверсия здесь .

Изображение, используемое для имитации переключателей: Radio Button Image

0 голосов
/ 10 января 2010

нашел правдоподобное решение ... 

    <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 должен быть с самого начала !!

...