文字装饰：在IE浏览器上无法正常工作？

我有这个文字装饰：在IE浏览器上无法正常工作？

.strike{ 
    text-decoration: line-through; 
}

，每次我disable()被调用时，它会从我的<select>禁用<option> S和补充这一类，但它不能在IE浏览器。是的，我的<option>已禁用，但IE上的文本修饰失败。这是什么解决方法？谢谢。

编辑：我刚刚发现text-decoration：line-through在Chrome上也不起作用。

来源

2012-10-11 Tsukimoto Mitsumasa

难道你可以添加一些代码样本添加类到div –

成功？ – UrbanDude

@TomGerken：是的，我的课程已成功添加到''。 –

您可能会变得棘手，并为文本div添加一个像素背景。这至少可以适应未来，适用于所有浏览器。

来源

2012-10-11 20:40:52 Travis

有很少的选项样式select元素。这是一个support grid，显示您的可用选项（和限制）。

您可能会更好地模拟'选择'一些其他方式（example），而不是尝试使用CSS设计样式选择表单控件。

来源

2012-10-11 21:08:31 UrbanDude

-1

这里，试试这个：

<p>Bla bla bla <span class="strike">RAAAAAA!</span></p>

和：

span.strike{ 
    position: relative; 
    text-align: center; 
    z-index: 1;  
} 

span.strike:before { 
    border-top: 1px solid #000; 
    content:""; 
    width: 100%; 
    position: absolute; 
    top: 50%; 
    z-index: -1; 
}

编辑：哦，它的一个选择。没关系。

来源

2012-10-11 21:11:48

是的，这是一个选择。 –

一般来说，option元素在样式中有很多限制，因为它们的渲染仍然主要基于系统中的内置例程，而这些例程通常不能用CSS控制。通常情况下，引导通常不起作用，因为您可以使用简单的静态示例<select><option style="text-decoration: line-through">Hello world</select>进行测试。（作为好奇心，Firefox使用直通，但不是初始状态下的初始选项。）

考虑使用其他方法。如果无法选择某个选项，为何不删除它？（我的意思是用JavaScript删除元素，用CSS隐藏它不起作用。）

或者，将其disabled属性设置为true。这将阻止它被选中，并且它将在流行的浏览器上使用灰色文本显示。

来源

2012-10-11 21:16:04

-3

这里，试试这个

<select> 
    <option selected> Size - </option> 
    <option class="disabledoption">Short Option</option> 
    <option class="disabledoption">This Is </option> 
    <option class="disabledoption">dssdsd Is </option> 
    <option class="disabledoption">yes </option> 
    <option class=>ertyu </option> 
    <option class=>gsdgsdf </option> 
</select> 

<script type="text/javascript"> 
jQuery(document).ready(function() { 
    uni = '\u0336'; 
    jQuery('.disabledoption', this).each(function(index, element) { 
     uni = '\u0336'; 
     var result = strikeString(jQuery(this).html(), uni); 
     jQuery(this).html(result); 
    }); 
    }); 
    function strikeString(str, strikeKind) { 
     var result = ''; 
     for (var i = 0; i < str.length; i++) { 
      var c = str.charAt(i); 
      var r = c+strikeKind; 
      result += r; 
     } 
    return result; 
} 
</script>

来源

2014-08-21 16:55:08

欢迎来到Stack Overflow！这完全没有做出提问人想要的东西。这实际上*改变了文本*。问题是关于应用“删除线”风格。 *完全*不同的事情。您应该针对问题中的问题量身定制每个答案。 –

文字装饰：在IE浏览器上无法正常工作？

回答

相关问题