¿Cómo oculto el nodo de texto manteniendo el fondo y el tamaño del elemento?

Question

¿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?

html css

0

sdvnksv 25 sep. 2019 a las 19:36

Answer 1

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.

0

sdvnksv 25 sep. 2019 a las 17:51

Answer 2

Puedes envolver el contenido y usar la regla visibility:hidden css.

button > span {
  visibility: hidden;
}

<button>
  <span>
    hidden text
  </span>
</button>

0

rlemon 25 sep. 2019 a las 16:53

Answer 3

Pruebe Esto

p {
    font-size: 0;
}

0

Friend 25 sep. 2019 a las 16:50

¿Cómo oculto el nodo de texto manteniendo el fondo y el tamaño del elemento?

3 respuestas

Nuevas preguntas

html