Texte-Display:none en CSS? Jquery?

<label><input type="radio">TextmakesNoSense</label>

Donc ce contenu généré dynamiquement, est en Lecture Seule... Alors j'ai pensé... 

label {
    color:#fff;
    font-size:0.0001em;
}

sur une page web avec un fond blanc, semble toutefois très sneeky pour moi, et si vous mettez en surbrillance les boutons, vous pouvez encore le voir il y a du texte, sur certains navigateurs, de toute façon.

De sorte que pense u une nouvelle version de CSS serait d'inclure un texte "display:none;" ?

Je pouvais insérer quelques jquery à la place?

InformationsquelleAutor | 2013-05-22
  1. 2

    Vous pouvez mettre un span balise autour d'elle:

    <label><input type="radio"><span class="ro-text">TextmakesNoSense</span></label>

    CSS:

    .ro-text {
    visibility: hidden;
}

    Ou

    .ro-text {
    display: none;
}

    Dépend de ce que vous essayez d'accomplir.

    Si vous avez besoin d'ajouter la durée de façon dynamique, l'utilisation de cette jQuery:

    $('label').html($('label').find('input')[0].outerHTML + '<span class="ro-text">'+$('label').text()+'</span>');

    Pour une explication rapide de ce

    http://jsfiddle.net/Cwalkdawg/h5kYQ/2/

    Un span à l'intérieur d'un label est "sémantique" dans le cas où vous étiez inquiet.

    • Vous avez manqué la partie où le HTML n'était pas modifiable par l'OP?
    • Je vais vous donner des accessoires pour simplement faire un travail jfiddle. Je n'ai aucune idée de pourquoi ça ressemble à un acte intentionnel erreur de syntaxe sur le col 127 (après le texte()) cependant je ne sais pas jquery que bien et son fonctionnement sur votre jfiddle. Direct-coller de ce code ne fonctionne pas sur ma page, pour quelque raison.. je vais continuer de jouer avec cela, il semble être le plus propre option. Je suis juste en train d'accomplir "pas d'affichage" pour le texte que je ne veux pas d'affichage.
    • Juste pour répondre à Kolink - j'ai bien aimé votre réponse trop, cependant, juste parce que le fichier est en Lecture Seule ne veut pas dire que je ne peux pas modifier le DOM avec jQuery.
    • c'était une erreur de syntaxe que j'ai oublié de mettre à jour. J'ai mis à jour le jsFiddle et la réponse! Désolé à ce sujet.
    InformationsquelleAutor SomeShinyMonica
  2. 6

    Essayer text-indent:-9999px. Ceci doit déplacer le texte loin vers la gauche, donc il est hors de l'écran.

    • Ce n'est pas de bon augure pour les lecteurs d'écran si c'est juste absurde de contenu.
    InformationsquelleAutor Niet the Dark Absol
  3. 2

    Essayer

    label {
    color:#fff;
    font-size:0.0001em;
    text-indent:-9999px;
}
    • Ohh oui , j'ai modifier la réponse
    InformationsquelleAutor ShibinRagh
  4. 0
    font-size:0px;

    Qui semble faire l'affaire, pas tout à fait sûr de ce que vous essayez d'atteindre.

    • Échoue dans Chrome, où la configuration par défaut, c'est que la valeur minimale autorisée font-size est 6 pts.
    • J'ai écrit cela en chrome à l'aide de conceptfactory.co.nz/editor.html Si il n'est pas permis, alors je ne sais pas pourquoi cela a fonctionné.
    InformationsquelleAutor Isaac
  5. 0

    Essayer, peut-être qu'elle va résoudre votre problème.

    label {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    overflow: hidden;

}
    InformationsquelleAutor Alex
  6. 0

    Je préfère utiliser cette méthode quand j'ai le texte à cacher.

    .label {
    text-indent: 150%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0.0001em
}

    Avantages Généraux:
    Vraiment le long des chaînes de texte ne sera jamais diffusé dans le conteneur, parce qu'ils ont toujours s'écouler à partir du conteneur.

    Avantages sur la commune de la -9999px méthode:
    La Performance est grandement améliorée en raison d'une 9999px zone n'est pas utilisée. (Oui, le navigateur n'a vraiment dessiner une énorme boîte de sur le côté.)

    Références:
    Site Internet De L'Article

    InformationsquelleAutor CoalaWeb
  7. 0

    Comme écrit ci-dessus font-size:0 est l'une des options. Mais parfois, c'est de jouer avec les dimensions ou taille de texte-conteneur. Je suis en utilisant un autre truc qui ne change rien à l'exception de texte, il suffit de régler la couleur de la police avec canal alpha - 0.

    .label{
color: rgba(0,0,0,0);
}
    InformationsquelleAutor Nor