隐藏包含文字和图片的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

Answer 2

＆＃13;

＆＃13;

#hidet {

  visibility: collapse;

}

#hidet img {

  visibility: visible;

}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 3

首先在您的标签中写入“新”文字然后隐藏它是否有任何特定目的？

可能有另一种方法可以在你的HTML代码中保留图像和文字，但仍然没有显示文字 -

<img src="www.example.com/img.png" alt="New" />