Question

THis is a list table, and one list is disabled. As you guys know, the font color is a gray when it’s disabled. I am using IE9, and I want to change the font color. Does anyone know how to change the disabled font color???

here is my code:

<table id="list" cellspacing="0" border="1" style="border-collapse: collapse;">
<tr disabled bgcolor =#EAEAEA  style="color:#ea0000;">
<td>name</td>
<td>email</td>
</tr>
<tr class="nameMail" onclick='op()'>
<td id="a">&nbsp</td>
<td id="b">&nbsp</td>
</tr>
</table>

Answer 1

Your code is invalid.

You would do something like this:

 input[type="text"]:disabled
 {
    color:#ea0000;
 } 

Also, ‘disabled’ selector is supposed to be used mostly with form elements and controls.

If you want you can use a button within the tds like so:

  <table id="list" cellspacing="0" border="1" style="border-collapse: collapse;">
      <tr bgcolor="#EAEAEA"  style="color:#ea0000;">
        <td><button disabled>name</button></td>
       <td><button disabled>email</button></td>
      </tr>
      <tr class="nameMail" onclick='op()'>
        <td id="a">&nbsp</td>
        <td id="b">&nbsp</td>
     </tr>
   </table>

You would also, need to update the css like so to get rid of the button border.

  button{
   border:0;
   color:#ea0000;
   }

  button:disabled
  {
   color:#000;
  }