Comment puis-je supprimer la bordure de la case à cocher?

Il est possible de supprimer les bordures autour d'une case à cocher afin qu'il apparaisse invisible? Je l'ai placé dans un DIV avec un fond de couleur.

source d'informationauteur Erik

  1. 8

    Malheureusement, il n'est pas possible de supprimer les frontières sur le navigateur natif de cases à cocher (il ne fonctionnera pas dans tous les navigateurs), Vous devrez écrire votre propre case-comme l'état widget à mettre en œuvre. Découvrez Belle formes si vous voulez le style de votre forme régulière, avec des commandes de style personnalisé

  2. 8

    Pour FireFox: essayez border:none.
    Pour IE essayer: style="background:transparent;border:0"

    L'autre solution est de créer vos propres images pour checked et unchecked affichage approprié onclick de l'image.

  3. 4

    Je sais que c'est une réponse tardive, mais un CSS expert qui je travaille m'a donné ce moyen de se débarrasser de la frontière autour d'une case (et probablement bouton radio) dans IE10:

    • Définir la couleur de bordure de la même couleur que la page de l'arrière-plan.
    • Appliquer un box-shadow sur "none".

    Que c'est. A travaillé comme un charme!

  4. 1

    Que c'est la première conséquence pour moi lors de la recherche pour "supprimer case frontière" dans Google, permettez-moi de mentionner que la case à cocher par défaut le style pourrait être supprimé dans tous les navigateurs sauf IE (pas de la merde...) avec le appearance propriété:

    -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
  5. 0

    En CSS c'est possible en définissant le web kit apparence à aucun. Quelque chose comme ceci

    -webkit-appearance: none;
  6. -1

    Utilisation plan:

    outline: 0px;

    va se débarrasser de cela.

  7. -3

    Que vous auriez à utiliser certains widget ou une interface utilisateur personnalisée, de la sorte, à supprimer les frontières.

    Je ne suis pas sûr si cela fonctionne: <input type="checkbox" style="border: 0;" />

  8. -7

    asp:case à cocher est l'élément span qui contiennent input type=checkbox.
    Vous pouvez configurer le style juste pour span.
    Mais si vous voulez changer de case à cocher de la frontière à l'intérieur de l'élément, vous pouvez utiliser le javascript

    <body onload="javascript:OnLoad();" >

<script language="javascript" type="text/javascript">
<!--
    function OnLoad() {
        document.getElementById("<%=chBox.ClientID%>").style.border = "0px";
    }
-->
</script>

  <asp:CheckBox ID="chBox" runat="server" Text="Checkbox text" />