¿Hay alguna manera de ocultar un nodo de texto manteniendo el fondo y el tamaño del elemento sin cambiar su color, usando etiquetas anidadas o superponiéndolo con un pseudo-elemento solo con CSS?
button {
color: transparent;
}
<button>text node</button>
Lo anterior es lo que quiero lograr, pero no quiero hacerlo cambiando el color. No quiero superponerlo con algo del mismo fondo como un pseudo-elemento. No quiero usar etiquetas anidadas como span
para cambiar su visibilidad también. ¿Algunas ideas?
3 respuestas
Bien, después de un poco de investigación y un consejo de un compañero desarrollador, se me ocurrió lo siguiente:
button {
text-indent: -1000000%;
}
<button>some text here</button>
Asegúrese de mantener el valor text-indent
en %
. De lo contrario, también afectará el ancho del botón.
Puedes envolver el contenido y usar la regla visibility:hidden
css.
button > span {
visibility: hidden;
}
<button>
<span>
hidden text
</span>
</button>
Pruebe Esto
p {
font-size: 0;
}
Preguntas relacionadas
Nuevas preguntas
html
HTML (HyperText Markup Language) es el lenguaje de marcado para crear páginas web y otra información que se mostrará en un navegador web. Las preguntas sobre HTML deben incluir un ejemplo mínimo reproducible y una idea de lo que está tratando de lograr. Esta etiqueta rara vez se usa sola y, a menudo, se combina con [CSS] y [javascript].