482283 - text-decoration: line-through ignored on buttons in strict mode

Status: RESOLVED DUPLICATE of bug 219516

(Firefox :: General, defect)

Description

[Kelly Taylor]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.2; en-US; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6 (.NET CLR 3.5.30729)
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.2; en-US; rv:1.9.0.6) Gecko/2009011913 Firefox/3.0.6 (.NET CLR 3.5.30729)

The text-decoration: line-through style is ignored on button elements in strict mode.

Reproducible: Always

Steps to Reproduce:
see attached test case
Actual Results:  
The button text does not have a line through it.

Expected Results:  
The button text should have a line through it.

Comment 1

[Kelly Taylor]

Attachment: Test case

Comment 2

[Marcel van Willigen]

It is possible your code is just wrong. This is what it should be :
<button><span style="text-decoration:line-through;">Strike me</span></button>

Comment 3

[Marcel van Willigen]

Attachment: Right Code

The right code

Comment 4

[Kelly Taylor]

(In reply to comment #2)
> It is possible your code is just wrong. This is what it should be :
> <button><span style="text-decoration:line-through;">Strike me</span></button>

That will function as a work around, but I don't see how it is more correct.

Comment 5

[Marcel van Willigen]

(In reply to comment #4)
> (In reply to comment #2)
> > It is possible your code is just wrong. This is what it should be :
> > <button>Strike me</span></button>
> 
> That will function as a work around, but I don't see how it is more correct.

<button> just says the text should be a button you have to apply an extra style to the text by <span style="text-decoration:line-through;"> or by linking a .css file to the html file. Something your .css could look like this :

h1 {
	text-decoration:line-through;
}

and then the following code in your html file <button><h1>Strike me</h1></button>