Search code examples
cssinheritancestrikethrough

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

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.

Solution

  • 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