title: using javascript to change style.color of a <label> element FAILS
body: <p>The following code works in FF but not in IE9:</p>
  
  <pre><code>     // turn on the 'image file upload' field and its label
      document.getElementById('itemImageId').disabled = false;
      document.getElementById('labelForImageUploadID').style.color = "black";
  </code></pre>
  
  <p>Here is the HTML with the label and the file input:</p>
  
  <pre><code>    &lt;label for="itemImageId" style="color: silver" id="labelForImageUploadID"&gt;Item image
              (select to change the item's current image)&lt;/label&gt;
      &lt;input type="file" size="100px" id="itemImageId" disabled="disabled"
                       name="theFileUpload"&gt;&lt;/input&gt;
  </code></pre>
  
  <p>** EDIT **  The above label and file upload tags are nested inside the following <strong>div</strong> -- I added this so you can see how the mouse click is handled.  The <strong>handleRowClick()</strong> function has the above Javascript code that tries to turn the text black:</p>
  
  <pre><code>      &lt;div class="itemlistRowContainer" id="topmostDiv_ID" onclick="handleRowClick(this);"
           onmouseover="handleMouseOver(this);" onmouseout="handleMouseOut(this);"
           ondblclick="handleDblClick(this);"&gt;
  </code></pre>
  
  <p>So when this label first appears on the page, its color is correct -- it is silver due to the inline color style.</p>
  
  <p>Then the Javascript code above executes on a mouse click.</p>
  
  <p>In Firefox, the Javascript code turns the label text to black, and enables the file upload control.</p>
  
  <p>However in IE9 the label's text stays gray.</p>
  
  <p>Does IE9 not support <strong>style.color = "somecolor"</strong>  to dynamically control colors of the <strong>label</strong> tag?</p>
  
  <p>I've looked at a few other posts, and the only quirk I found was that if you have enabling/disabling 
  happening dynamically, to make sure the tag is ENABLED in IE9 before you try to change its color.</p>
  
  <p>That's not a factor here as the code never disables the <strong>label</strong> tag.</p>
  
  <p>It's not just this one <strong>label</strong> tag either -- all the <strong>label</strong> tags on the page fail to 
  turn black but ONLY in IE9 -- in FF everything works.</p>
  
  <p>Is there a 'gotcha' or a trick I'm missing?</p>