CSS Submit and Reset button problem, Submit doesn't depress while Reset does using same CSS Options

[CharlesEF]

Told you so.

Yes, everyone knew it had to do with some rule. It also turned out to be the very last thing I tried. Why would it work with margin-left and not padding-left? Who knows.

This post has been edited by CharlesEF: Oct 25 2015, 12:05 PM

[pandy]

I missed that (that Christian told you so). Or I guess I saw it and when I came back I had forgotten about it.

But WHY does this happen? What's the connection between padding and the text on the button? It isn't that it gets to cramped or anything like that. The button won't depress with a short text either.

[CharlesEF]

In case anyone is interested, I got a response from Mozilla. Seems the built-in forms.css file has a 1px shift in padding when you hover. Actually, there is a 6px padding setting on normal controls and the hover has a 7px padding setting which makes the 1px shift.

They never said it was a bug but I should remember this in the future

[pandy]

Ah! When you click you mean? Great that you got an anwer.

[CharlesEF]

Ah! When you click you mean? Great that you got an anwer.

Well, they sent me 2 sections. 1 for normal state and 1 for hover state. I think that 1px shift during hover is enough to stop the text from shifting (depress).

[pandy]

I haven't noticed that anything happen with buttons on hover. Must have a closer look then.

[CharlesEF]

I haven't noticed that anything happen with buttons on hover. Must have a closer look then.

To be honest, after getting some sleep, I'm not sure I agree with the Mozilla people. I mean, why did the Reset button depress like it should but not the Submit button? My brain hurts. Anyway, the problem is fixed so I'm going to take some aspirin.