Masquer cocher le bouton radio avec css

Je voudrais savoir si il est possible de cacher le coché le bouton radio avec css à l'aide:

  { display:none; }

Je ne sais pas comment aborder cet élément. L'coché le bouton radio affiche toujours "none", ce qui ne veut rien dire pour l'utilisateur, et je tiens à le cacher.
Est-ce possible?
Merci pour tout pointeur.

source d'informationauteur user1977156

  1. 15

    Juste un petit conseil, si vous voulez continuer à utiliser tous le navigateur de la prise en charge native pour les radios et les cases à cocher, comme le déplacement d'entre eux avec les flèches ↑ et ↓ clés, définissez le css pour position:fixed;opacity:0cela permet de garder toutes les fonctionnalités, mais garder l'entrée cachée, et ne pas occuper tout l'espace disponible. J'ai passé les 3 dernières heures de déterminer cela, mais il fonctionne!

  2. 13

    Supplémentaires à Nathan Lee réponse 

    input[type="radio"]:checked{
    visibility:hidden;
}

    est une option pour spécifier une coché le bouton radio

    input[type="radio"][value="text"]:checked{
    visibility:hidden;
}

    est une option pour spécifier une coché le bouton radio avec une valeur qui est égale à 'texte' ('none' dans votre exemple)

    plus d'infos: https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors

    si la valeur n'est pas savoir, certains jQuery peut faire l'affaire: http://api.jquery.com/attribute-equals-selector/

  3. 6

    Essayer visibility:hidden; Cela fonctionne.

    Ici est la TRAVAIL DE DÉMONSTRATION

    Le code HTML:

    <input class="checked" type="radio" checked />

    Le CSS:

    input.checked[type="radio"]{visibility:hidden;}

    J'espère que c'est ce que vous cherchez.

  4. 1

    Essayez d'utiliser :checked sélecteur:

    input[type="radio"]:checked {
    display: none;
}

    Démo: http://jsfiddle.net/RkzG5/