CSS -覆盖继承的文本装饰:划线

Question

我已经创建了一个fiddle来演示这个问题。我希望下面的选择框是普通文本，其余的去掉。HTML是：

<div class="strike">
    This is struck out text
    <select>
        <option>but</option>
        <option>and</option>
    <select>
    this is struck out, too.
<div>

CSS是：

div.strike {
    text-decoration: line-through
}
div.strike select,
div.strike option {
    text-decoration: none
}

然而，select盒子仍然被淘汰了。

如果你尝试下面的操作，你会得到带有删除线的闪烁文本！

div.strike select,
div.strike option {
    text-decoration: blink
} 

如何将select框重新设置为普通文本？

谢谢。

编辑:我在Bugzilla记录了一个bug。

Answer 1

尝试这些http://jsfiddle.net/Y7ZVp/4/

它工作得很好。

否则您可以将您的文本添加到

​

标记并在.strike p上给出line-through

​

你可以试任何一种