html - 在由文本和图像组成的 html 标签中隐藏文本

Question

我有以下标签:

<label for="payment_method_new">
New <img src="www.example.com/img.png"/>    
</label>

我想做的是只隐藏标签内的文本，但显示图像。

非常感谢任何帮助或指导。

Answer 1

您可以使用 visibility风格。

首先使用hidden 或collapse 隐藏您的标签内容，然后使用visible 显示您的图像:

label[for="payment_method_new"]{
    visbility: collapse;
}
label[for="payment_method_new"] img{
    visibility: visible;
    float: left;
}

JSFiddle