title: On class update, SVG image as background in CSS does not appear in IE11
body: <p><strong>Problem:</strong>
  On page load, for a button, SVG which is being called in CSS background appears. On some event, I apply a class and to it call another SVG in CSS background. However that new SVG does not appear. If in debugger, I try to toggle the background, it then starts appearing.</p>
  
  <p>What am I missing to get this working in IE11?</p>
  
  <p>In Below picture, we are using <code>&lt;button&gt;</code> tag. On some event, the background SVG is changed.</p>
  
  <p>CSS Code</p>
  
  <pre><code>.buttonIcons{
   .svgicon-fields-add{ background-image:url('../assets/themes/svg/arrow_active.svg');
   width: 16px;
   height: 16px; 
  }
  </code></pre>
  
  <p>On disabled state, below is the CSS</p>
  
  <pre><code>.buttonIcons.disabled{
   .svgicon-fields-add{ background-image:url('../assets/themes/svg/arrow_disabled.svg');
    width: 16px;
    height: 16px; 
  }
  </code></pre>
  
  <p>So initially all buttons are disabled, but if you see the first button needs to show active svg image, but it is not appearing. I can see it in IE11 console, and if in console, I toggle the property, it starts appearing.</p>
  
  <p>The code works fine in Chrome</p>
  
  <p>Thanks in advance for all the suggestions.</p>
  
  <p><a href="https://i.stack.imgur.com/dktLe.png" rel="noreferrer"><img src="https://i.stack.imgur.com/dktLe.png" alt="enter image description here"></a></p>
  
  <p>SVG file code</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;svg width="16" height="16" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
       viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve"&gt;
  &lt;g&gt;
      &lt;polygon fill="#00a6a0" points="7.6,1.6 6.7,2.4 12.3,8 6.7,13.6 7.6,14.4 14,8   "/&gt;
      &lt;polygon fill="#00a6a0" points="2.6,1.6 1.7,2.4 7.3,8 1.7,13.6 2.6,14.4 9,8     "/&gt;
  &lt;/g&gt;
  &lt;/svg&gt;
  </code></pre>