如何隐藏保持元素背景和大小的文本节点?

时间:2019-09-25 16:36:22

标签: html css

有没有一种方法可以隐藏文本节点,以保留元素的背景并调整其大小,而无需更改其颜色,使用嵌套标签或将其与仅使用CSS的伪元素重叠?

button {
  color: transparent;
}
<button>text node</button>

以上是我想要实现的目标,但我不想通过更改颜色来实现。我不想将其与伪元素等具有相同背景的东西重叠。我也不想使用span之类的嵌套标签来更改其可见性。有什么想法吗?

3 个答案:

答案 0 :(得分:0)

尝试一下

p {
    font-size: 0;
}

答案 1 :(得分:0)

您可以包装内容并使用visibility:hidden CSS规则。

button > span {
  visibility: hidden;
}
<button>
  <span>
    hidden text
  </span>
</button>

答案 2 :(得分:0)

好的,经过一番研究和开发人员的建议,我提出了以下建议:

button {
  text-indent: -1000000%;
}
<button>some text here</button>

确保将text-indent的值保留在%中。否则也会影响按钮的宽度。