Question

In my table:

<table class ="test">
              <tr class="bill">
                    <td class="total-title">Totals</td>
                    <td>
                        <input class="Test1" type="text" readonly="readonly" disabled="disabled"/>
                    </td>
                    <td>
                        <input class="Test2" type="text" readonly="readonly" disabled="disabled"/>
                    </td>
                    <td>
                        <input class="Test3" type="text" readonly="readonly" disabled="disabled"/>
                    </td>
              </tr>

The color of the text inside the textbox is GREY in IE9 but not in Mozilla.
What should be the sytle for ONLY TextBox value? I know my all ‘td’ classes are different, but thats the requirement.

---

I did this:

.Tax #MyPage TABLE.test INPUT[disabled='disabled'] 
 { 
    color: #CCC; 
 }

Not working 🙁

Answer 1

The grey text is because of IE9’s built-in styles and it decides to color it like so. Other browsers can treat disabled items all a bit differently.

If you want finer control over the style in all browsers, you might want to look into CSS Attribute Selectors to see if that will help. May have to throw an !important in there, but not sure on that.

input[disabled='disabled']
{
color: #CCC;
}