Button in FireFox does not have the same height as line-height

Willem-Siebe Spoelstra

unread,

Oct 9, 2013, 4:10:31 PM10/9/13

to bootstr...@googlegroups.com

Hi, I show you everything in this video: http://screencast.com/t/9uuLuUMkpBw

Hope that somebody sees the CSS problem.

Willem-Siebe Spoelstra

unread,

Oct 16, 2013, 9:07:36 AM10/16/13

to bootstr...@googlegroups.com

Does anybody have a idea?

Op woensdag 9 oktober 2013 22:10:31 UTC+2 schreef Willem-Siebe Spoelstra:

Willem-Siebe Spoelstra

unread,

Nov 23, 2013, 8:48:38 PM11/23/13

to bootstr...@googlegroups.com

https://bugzilla.mozilla.org/show_bug.cgi?id=697451
http://stackoverflow.com/questions/7229568/input-height-differences-in-firefox-and-chrome

Dead community over here.

Op woensdag 16 oktober 2013 15:07:36 UTC+2 schreef Willem-Siebe Spoelstra:

LightDot

unread,

Nov 25, 2013, 9:57:18 AM11/25/13

to bootstr...@googlegroups.com

Thanks for reporting back with the answer.

It seems that this community needs more members and a bit more work from those of us already here.

Regards

Willem-Siebe Spoelstra

unread,

Nov 25, 2013, 10:08:15 AM11/25/13

to bootstr...@googlegroups.com

Agree LightDot.

I found that TB actually did add a fix for this problem in buttons.less:

 // Firefox 3.6 only I believe 
  &::-moz-focus-inner {
    padding: 0;
    border: 0;
    }

I think it's the solution described here: http://davidwalsh.name/firefox-buttons

However, it seems that this fix is not working anymore for some reason.

This buttons.less is from v. 2.3.2, and checking the newest version of TB I don't see this fix anymore, but I do see they changed a lot of the buttons LESS. So I'm hopefull that with the new version of TB they found an other solution, if anybody can confirm that that would be great.