HTML / CSS case masquer

Comment puis-je cacher une case à cocher à l'aide de HTML /CSS?

Disons que j'ai

<table>
    <thead>
        <th>
         Col A
        </th>
         <th>
         Col B
         </th>
    </thead>
    <tbody>
        <tr>
            <td> <input type="checkbox" class="hidden"> Some stuff </td>
        </tr>
         <tr>
            <td> Some Other stuff </td>
        </tr>
    </tbody>
</table>

Le nom et les valeurs de la case à cocher ne sont pas constants. Je sais qu'il y a d'une certaine manière avec jquery mais est-il un moyen de le cacher avec de la pure CSS ou HTML?

Les réponses ci-dessous tous les travaux, la vraie question est, pourquoi voudriez-vous? Si vous essayez de transmettre des données à un formulaire, il suffit d'utiliser <input type="hidden" name="V" value="B" />

OriginalL'auteur Wistar | 2014-05-15

  1. 6
    .hidden {
    display: none;
}

    Cela permet de masquer la case à cocher (ou tout élément HTML avec la classe de "caché") dans l'affichage. La case à cocher existe encore en HTML et peut être activé/désactivé Javascript ou par les visiteurs avec les outils de développement.

    La case à cocher peuvent aussi ne pas être soumis correctement.
    Gardez à l'esprit que la définition de display: none cache également la case à cocher dans les lecteurs d'écran et désactive l'onglet par défaut focus.

    OriginalL'auteur Jason

  2. 15

    Veuillez garder à l'esprit que la définition de la affichage propriété aucun, rend l'élément inaccessible à l'aide des onglets (voir: Case à cocher de l'onglet index ne fonctionne pas lorsque la valeur cachée avec design personnalisé). Si vous cas sur l'accessibilité, vous pouvez utiliser:

    input[type=checkbox].hidden{
  opacity: 0;
}

    OriginalL'auteur codeorelse

  3. 3

    Assez Simple!

    input[type=checkbox].hidden{
   display:none;
}

    Ou si vous voulez être fou et l'utilisation des styles en ligne (mieux vaut éviter):

    <input type="checkbox" class="hidden" name="V" value="B" style="display:none;">
    Merci pour cette réponse rapide. Cependant, j'ai plusieurs cases à l'intérieur de mon tableau avec des noms différents et des valeurs donc je ne peux pas compter sur cela.
    J'ai modifié, pas vous pouvez utiliser CSS pour cibler un élément sur id class decendancy ou de tout autre attribut
    quand j'ai fait cela toute la case à cocher ne fonctionne plus
    C'est bizarre, c'est effectivement la même que celle de la Fpo accepté la réponse ci-dessus :S il est probable que vous pourriez avoir un problème différent?

    OriginalL'auteur SW4

  4. 0

    vous avez de la classe hidden ajouté à cette case à cocher.

    input[type=checkbox].hidden {
   display:none;
}

    ou tout simplement

    .hidden {
   display:none;
}

    OriginalL'auteur mohamedrias

  5. 0
    .hidden{
display:none;
}

    cela fonctionne.

    OriginalL'auteur HackerManiac