¿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].