Text-Display:none CSS? Jquery?

Question

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

So this dynamically generated content is Read-Only... So I thought...

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

on a webpage with a white background, however seems very sneeky to me and if you highlight the buttons you can still see there is text there, on some browsers anyways.

So u think a new version of CSS would include "text-display:none;" ?

I could insert some jquery instead?

Answer 1

Try text-indent:-9999px. This should move the text far off to the left so it's off the screen.