611969 - Button elements have additional padding; greater than what author specifies

Status: RESOLVED DUPLICATE of bug 140562

(Core :: Layout: Form Controls, defect)

Description

[Josh Tumath]

User-Agent:       Mozilla/5.0 (Windows NT 6.1; WOW64; rv:2.0b8pre) Gecko/20101112 Firefox/4.0b8pre
Build Identifier: 

Elements with the CSS property "appearance:push-button;" have additional padding added to them. This "pseudo-padding" needs to be removed.

This does not occur in other layout engines.

Reproducible: Always

Comment 1

[Josh Tumath]

Attachment: Testcase

This test shows how button elements have additional padding in Gecko. They seem to have a 1px extra layer of padding on each side. In other browsers, the button elements look no different to any other element.

Comment 2

[Boris Zbarsky [:bzbarsky]]

That padding is there for drawing the focus rectangle, which goes _inside_ the button, but _outside_ the link.

You're right that it should be removed; that just requires that the focus outline drawing be completely redone.