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)
Tracking
()
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.
Comment 1•11 years ago
|
||
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.
Updated•10 years ago
|
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.
Description
•