有没有一种方法可以隐藏文本节点,以保留元素的背景并调整其大小,而无需更改其颜色,使用嵌套标签或将其与仅使用CSS的伪元素重叠?
button {
color: transparent;
}
<button>text node</button>
以上是我想要实现的目标,但我不想通过更改颜色来实现。我不想将其与伪元素等具有相同背景的东西重叠。我也不想使用span
之类的嵌套标签来更改其可见性。有什么想法吗?
答案 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
的值保留在%
中。否则也会影响按钮的宽度。