Tengo un número de referencia que necesito enviar por correo, pero que debe estar oculto o al menos menos perceptible, por lo que si el usuario responde en ese correo, todavía tengo ese número de referencia.

Intenté esto:

 <style type="text/css"> .mail { font-family: RobotoRegular; background: rgba(255, 255, 255, 0.0); opacity: 0!important; color: transparent!important; font-size: 0!important; overflow: hidden!important; width: 0!important; height: 0!important; } </style>

También se agregó en span directamente:

 <span class="mail" style="font-family:RobotoRegular;background: rgba(255,255,255,0.0);opacity:0!important;color:transparent!important;font-size:0!important;overflow:hidden!important;width:0!important;height:0!important;">#REF' + this.id + '# </span>

Pero sin éxito. El tamaño de fuente no cambia. ¿Alguna sugerencia de cómo puedo lograr esto?