Text color is dark in Firefox

[namzo]

The color of the background & text are the same in Firefox. I tested on Firefox 18.0 on Mac.

[kontur]

Can you post a jsfiddle or other online example showing that behaviour in a repeatable way?

[spaceninja]

You can see the issue on the typer.js demo page: http://cosmos.layervault.com/typer-js.html

Note this only happens in Firefox -- Chrome, Safari, and IE all work as expected, but in FF, the highlighted string is a solid block of color, instead of reversing the text.

• I am using Firefox 27.0.1 on a mac.

[vpugh]

Set textColor to a value instead of leaving at null. This worked for me.

[sasindu555]

spanWithColor = function(color, backgroundColor) {
    if (color === 'rgba(0, 0, 0, 0)') {
      color = 'rgb(255, 255, 255)';
    }

    return $('<span></span>')
      //.css('color', color)
      .css('color', 'rgb(255, 255, 255)')
      .css('background-color', 'rgb(255, 190, 76)');
  };

Use this .css('color', 'rgb(255, 255, 255)') instead of .css('color', color)