text-decoration solid not supported in IE 10

Question

this code works Choreme and Firefox . But not working on İE 10 . Last td in table cannot take affect. It must turn normal.

     .gridview tr
     {

     font-size: 20px;
     border: solid 1px #c1c1c1; 

     padding-bottom: 3px;
     padding-top: 3px;
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     background-color: #EEEEEE;
 }

 .noadres td {
         text-decoration:line-through;
         font-style:italic;
         background-color:#f5eded;

 }
     .noadres td.etkabone {
         text-decoration:solid;
         font-style:normal;
     }  

html

     <table  class="gridview">

 <tr class="noadres">
     <td>HELLO</td>
     <td>MY</td>
     <td class="etkabone" >NAME</td>

 </tr>

 </table>

https://jsfiddle.net/dwc7kjmo/

Answer 1

In CSS2 the text-decoration property was a regular property with the syntax:

none | [ underline || overline || line-through || blink ] | inherit

In the CSS Text Decoration Module Level 3 : the text-decoration property is now a shorthand property with syntax:

<'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'>

where the values for <'text-decoration-style'> are:

solid | double | dotted | dashed | wavy

So now you can see why text-decoration:solid; works in Chrome and Firefox, because according to the newer spec - it is perfectly legal code.

Here is the browser support for the new text-decoration properties.

Notice that IE doesn't support the new syntax.

So, like others have mentioned, you should use text-decoration:none for greater browser support.