Closed Bug 980446 Opened 11 years ago Closed 10 years ago

Input type submit has hidden CSS declarations in Firefox (-moz-focus-inner)

Categories

(Core :: General, defect)

Product:
Core
Component:
General
Version:
27 Branch
Platform:
x86
macOS
Type:
defect
Priority:
Not set
Severity:
normal

Tracking

()

Status:
RESOLVED DUPLICATE of bug 654225

People

(Reporter: josh, Unassigned)

Details

(Whiteboard: DUPEME) 

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.146 Safari/537.36

Steps to reproduce:

- Create an input type submit and an anchor
- Style elements to have the same font-size, font-weight, padding, margin, border, and line height.
- Place elements side by side



Actual results:

- Observe that the input type submit is taller. (http://screencast.com/t/6GIANAJaF)
- To fix, I have to do something such as:
input::-moz-focus-inner { border: 0 none; padding: 0; } (This is not consistent though)


Expected results:

Elements should be the same height without a quirky CSS fix.
Note that a submit input, unlike an anchor, is a replaced element, so from the point or view of the CSS spec they're totally different things.
Summary: Input type submit has hidden CSS declarations in Firefox → Input type submit has hidden CSS declarations in Firefox (-moz-focus-inner)
Whiteboard: DUPEME
The user creating CSS declarations for a page is going to expect this to behave as intended. All other browsers render this correctly. Although this is a replaced element, the resulting output should render as expected.
Status: UNCONFIRMED → RESOLVED
Closed: 10 years ago
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.