テキストデコレーションソリッドはIE 10ではサポートされていません

Question

このコードはChoremeとFirefoxで動作します。しかし、ÉE10で働いていない。最後のテーブルのtdは影響を受けません。それは正常に変わらなければならない。

 .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

をCSS2でtext-decoration propertyは、構文との定期的な財産だった：

なし| [アンダーライン||オーバーライン||ラインスルー||点滅] | CSS Text Decoration Module Level 3で

を継承：text-decorationプロパティは構文で今速記プロパティです：

< 'テキストの装飾ライン'> || < 'text-decoration-style'> || < 'テキストの装飾色'> < 'テキスト装飾スタイル'>の値である

：

固体 |ダブル|点在する| |波状の

これで、なぜテキスト装飾が固体であるかが分かります。新しい仕様によれば、それは完全に合法的なコードなので、ChromeとFirefoxで動作します。

新しいtext-decorationプロパティの場合はbrowser supportです。

IEは新しい構文をサポートしていないことに注意してください。

他にも言及したように、ブラウザのサポートを強化するには、text-decoration:noneを使用する必要があります。

Answer 2

変更CSSへ：

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

solidはIEには有効ではありません。

p.s. inspect要素を選択すると、実線で赤い下線が表示されます。

Answer 3

問題はここにある：

.noadres td.etkabone { 
    text-decoration:solid; /*This is invalid value for this property for IE*/ 
    font-style:normal; 
} 

solidは、このプロパティのデフォルトでの値ですが、IEはそれをサポートしていません。

通常のフォントには、裏書きがない場合があります。以下に上記を変更してください：

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