decoración de texto en varios tamaños de fuente en Mozilla Firefox

decoración de texto en varios tamaños de fuente en Mozilla Firefox

Tengo tal situación (problema visible solo en Mozilla Firefox):

<span style="text-decoration: underline;">
  SomeText
	<span style="font-size: 50pt">Bigger</span>
  SomeText
</span>
<br/>
<span style="font-size: 50pt;">
	<span style="text-decoration: underline">Bigger</span>
</span>

como puede ver, el subrayado debajo de la palabra "Más grande" en la primera línea es más delgado que el subrayado en la segunda línea. Quiero hacer algo así: (pero no quiero cambiar HTML, solo CSS)

<span style="text-decoration: underline;">SomeText</span>
<span style="text-decoration: underline;font-size: 50pt;">Bigger</span>
<span style="text-decoration: underline;">SomeText</span>

He intentado hacer eso usando text-decoration: inherit:

<span style="text-decoration: underline;">
  SomeText
	<span style="font-size: 50pt;text-decoration: inherit;">Bigger</span>
  SomeText
</span>

pero ahora tengo dos subrayados... Entonces, ¿cómo puedo hacer eso? Gracias por la ayuda.
PD. Estoy usando Mozilla Firefox

Mostrar la mejor respuesta

Parece que no se puede reproducir tu problema en Chrome.

O. Eso es interesante...

A menos que me haya equivocado. Así es como me parece: pasteboard.co/HeAFMgy.png

@Marvin Hmm... En Mozilla Firefox tengo algo como esto pasteboard.co/HeAGxB6.png

Entonces, @Marvin, ¿puedes ayudarme a solucionar ese problema en Mozilla Firefox?

Convierta el tramo interior en un bloque en línea. Consulte esta respuesta para obtener una explicación.

.underline-all {
  text-decoration: underline;
}
.underline-all * {
  display:inline-block;
  text-decoration: underline;
}
<span class="underline-all">
  SomeText
  <span style="font-size: 50pt">Bigger</span>
  SomeText
</span>

Muchas gracias. Eso es exactamente lo que quiero decir.

De nada. Tenga en cuenta que el resultado se comporta de manera diferente al original, si el intervalo interno contiene varias palabras que pueden ajustarse al final de una línea.

¿Pero qué quieres decir? ¿Podrías hacer un ejemplo?

Claro, consulta esta respuesta para ver un ejemplo de las diferencias. inline pasa a la siguiente línea cuando hay más palabras de las que caben en la línea anterior, inline-block no se ajusta así sino que usa toda la línea siguiente para sí mismo.