<svg xmlns="http://www.w3.org/2000/svg" class="reftest-wait"> <style> g { fill: url(#red); } g.x { fill: url(#green); } </style> <linearGradient id="red"> <stop stop-color="red"/> </linearGradient> <linearGradient id="green"> <stop stop-color="green"/> </linearGradient> <g> <text x="10" y="20">This text must be green.</text> </g> <script> function run() { var g = document.querySelector("g"); g.setAttribute("class", "x"); document.documentElement.removeAttribute("class"); } document.addEventListener("MozReftestInvalidate", run, false); </script> </svg>