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

したがって、この動的に生成されたコンテンツは読み取り専用です...だから私は考えました...

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

白い背景のウェブページでは、しかし、私には非常に卑劣に思えます。ボタンを強調表示すると、一部のブラウザではまだテキストがあることがわかります。

したがって、CSS の新しいバージョンには「text-display:none;」が含まれると思います。?

代わりにjqueryを挿入できますか？

4

7 に答える 7

6

試してみてくださいtext-indent:-9999px。これにより、テキストが左に大きく移動し、画面からはみ出します。

于 2013-05-22T04:04:32.690 に答える
2

spanその周りにタグを付けることができます：

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

CSS:

.ro-text {
    visibility: hidden;
}

または

.ro-text {
    display: none;
}

何を達成しようとしているかによって異なります。

スパンを動的に追加する必要がある場合は、次の jQuery を使用します。

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

何の簡単な説明のために

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

あなたが心配している場合に備えて、 a のspan中の alabelは「セマンティック」です。

于 2013-05-22T04:08:29.900 に答える
1

非表示にするテキストがある場合は、この方法を使用することを好みます。

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

一般的な利点: 非常に長いテキスト文字列は、常にコンテナーから離れて流れるため、コンテナーに流れ込むことはありません。

一般的な -9999px の方法に対する利点: 9999px のボックスが描画されないため、パフォーマンスが大幅に向上します。(はい、ブラウザは実際に横に巨大なボックスを描画します。)

参考： サイト記事

于 2014-10-21T16:07:50.953 に答える
0 
font-size:0px;

それはうまくいくようですが、何を達成しようとしているのか完全にはわかりません。

于 2013-05-22T04:08:19.860 に答える