2012-08-30 34 views
1

我创建了一个fiddle来演示此问题。我想在下面的选择框是正常的文本,其余的被删除。的HTML是:CSS - 覆盖继承的文本修饰:直通

<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

+0

http://jsfiddle.net/Kyle_Sevenoaks/puKHb/似乎没什么问题..除非我误解了你的问题? – Kyle

+0

我在您的小提琴中看不到您的问题......您使用的是哪种浏览器? – Passerby

+0

似乎是一个Firefox的bug – Chronial

回答

2

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

其工作的罚款。

否则你可以在

标签添加你的文字,给 line-through.strike p

你可以尝试任何他们

+0

是的,你是对的 - 它工作正常(甚至在Firefox):)但我认为''已弃用... – Nick

+0

那么你可以尝试另一种方式..wrap你的文本在任何标签,然后给线穿 – supersaiyan

+0

是的,尽管在我的现实世界中,恐怕不起作用。正如上面提到的那样,它似乎是一个Firefox错误,但是让它能够在Firefox上运行起来也很荣幸:) – Nick