Closed Bug 594980 Opened 14 years ago Closed 14 years ago

buttons apply a mysterious padding/margin inside them

Categories

(Core :: Layout: Form Controls, defect)

x86
macOS
defect
Not set
normal

Tracking

()

RESOLVED DUPLICATE of bug 140562

People

(Reporter: jacob, Unassigned)

References

()

Details

User-Agent:       Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.6; en-US; rv:1.9.2.9) Gecko/20100824 Firefox/3.6.9
Build Identifier: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.6; en-US; rv:1.9.2.9) Gecko/20100824 Firefox/3.6.9

if you put another html element inside a <button>, it will have a mysterious margin around it.  Firebug doesn't reveal any remaining styles that can be overridden either.  

Reproducible: Always
There is "focus padding" which is where the focus outline gets drawn.  It cannot be overridden from author stylesheets.  There have been reports of this before, but the point is that as long as the focus outline needs space the space needs to be there...
Whiteboard: DUPEME
Component: Layout → Layout: Form Controls
QA Contact: layout → layout.form-controls
well, IMHO, I think that should be redone and handled as other browsers have done.  This affects layout and differs from others.
http://m8y.org/tmp/testcase195.xhtml offers an override.

Nice to see it is possible to disable this when appropriate, similar to hiding focuses on links (which obviously should be done sparingly).
Oh. Sorry, let me be clear.
Thanks bz for telling me what the selector was! :)
Status: UNCONFIRMED → RESOLVED
Closed: 14 years ago
Resolution: --- → DUPLICATE
Whiteboard: DUPEME
You need to log in before you can comment on or make changes to this bug.