CSS - overriding an inherited text-decoration:line-through

Question

I've created a fiddle to demo the problem. I want the select box in the following to be normal text, and the rest to be struck out. The HTML is:

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

The CSS is:

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

The select box is still struck out, however.

If you try the following, you get blinking struck-out text!

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

How can I set the select box back to just normal text?

Thanks.

EDIT: I logged a bug at Bugzilla.

Answer 1

Try these http://jsfiddle.net/Y7ZVp/4/

its working fine.

else you can add your text on

tag and give line-through on .strike p

you can try any on them