RadioButtonList sans le cercle de boutons radio?

fondamentalement, je veux juste le RadioButtonList sans le bouton radio là-dessus, je coderai le rbl de sorte que les articles choisis aient une couleur de fond différente et la fassent sembler plus professionnelle, les boutons radio eux-mêmes je veux pouvoir se débarasser de en termes d'apparence ... si vous connaissez un moyen de le faire, s'il vous plaît faites le moi savoir!RadioButtonList sans le cercle de boutons radio?

Source

2010-01-08 Erx_VB.NExT.Coder

Quelqu'un at-il du code? –

cela m'a beaucoup aidé: HTTP_: //www.ryanfait.com/resources/custom-checkboxes-and-radio-buttons/

Ce lien est rompu, le propriétaire d'origine est toujours .. hors ligne, de sorte que le contenu

peut-être pour l'un de vous lire ceci, peut essayer de mettre l'arrière-plan sans pareil dans l'entrée dans le css

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

Source

2010-01-08 19:14:54 tillinberlin

merci, ce doesn ' t se débarrasser du cercle creux à gauche du bouton radio, mais il est toujours une excellente ressource et je l'ai mis en signet, va vous upvote. –

Je ne peux pas penser à une méthode simple sans mélanger quelques astuces avec javascript.

Cela pourrait être quelque chose que vous voulez:
Accessible, Custom Designed Checkbox and Radio Button Inputs Styled with CSS (and a dash of jQuery)

Le stand-a-lone demo here.

L'image utilisée pour mimer les boutons radio: Radio Button Image

Source

2010-01-08 19:03:04

merci mais cela ne se débarrasse pas du cercle creux à gauche du bouton radio –

Mais ce sont des images. Voir ma réponse mise à jour. Vous pouvez créer vos propres cercles sans creux. –

je vois ce que vous dites, merci, utilisera cela en dernier recours, toujours à la recherche d'un style adorable = "bouton: dissapear.and.dont.come.back" type css style :) –

trouvé une solution plausible ...

<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>

oh et btw, mvc est génial , c'est comment asp.net devrait ont été depuis le début !!

Source

2010-01-10 12:10:22

comme d'habitude, stackoverflow vient de supprimer tout le code HTML, pas la mauvaise logique par défaut pour un site de publication de code! –

Sélectionnez le bouton '101010' pour mettre en retrait votre code 4 espaces et conserver le formatage. – ChrisF

merci chris, corrigé! –

RadioButtonList sans le cercle de boutons radio?

Répondre

Questions connexes