Posted about 8 years ago. Visible to the public.

When I give a button and a link the same styles, why is the link one pixel higher?

It's not logical, so don't be too hard on yourself. You need to give it a height and change the box-sizing and display:

Copy
button input[type="reset"], input[type="button"], input[type="submit"], input[type="file"] > input[type="button"] display: inline-block box-sizing: border-box height: 20px line-height: 20px

Also see Proper cross-browser CSS styling for buttons.

Does your version of Ruby on Rails still receive security updates?
Rails LTS provides security patches for old versions of Ruby on Rails (3.2 and 2.3).

Owner of this card:

Avatar
Henning Koch
Last edit:
about 8 years ago
About this deck:
We are makandra and do test-driven, agile Ruby on Rails software development.
License for source code
Posted by Henning Koch to makandra dev
This website uses short-lived cookies to improve usability.
Accept or learn more