CSS - 覆盖继承的文本修饰:直通

时间:2012-08-30 07:17:16

标签: css inheritance strikethrough

我创建了一个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

1 个答案:

答案 0 :(得分:2)

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

工作正常。

否则,您可以在

标记上添加文字,并在line-through上提供.strike p

你可以尝试任何一个