IE 10 不支持纯文本装饰

Question

此代码适用于 Choreme 和 Firefox。但不适用于 İE 10 。 table 中的最后一个 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

将CSS更改为：

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

solid 对 IE 无效。

p.s。如果您 select 检查元素，您会看到实体有红色下划线。

Answer 2

问题出在这里：

.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;
 }

Answer 3

在 CSS2 中，text-decoration property 是一个常规的属性，语法为：

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

在 CSS Text Decoration Module Level 3 中：text-decoration 属性现在是 shorthand 属性 语法：

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

<'text-decoration-style'> 的值是：

solid | double | dotted | dashed | wavy

所以现在你可以明白为什么 text-decoration:solid;在 Chrome 和 Firefox 中工作，因为根据更新的规范 - 它是完全合法的代码。

这是新 text-decoration 属性的 browser support。

请注意，IE 不支持新语法。

因此，就像其他人提到的那样，您应该使用 text-decoration:none 以获得更好的浏览器支持。

IE 10 不支持纯文本装饰

text-decoration solid not supported in IE 10

html

css

internet-explorer

internet-explorer-10