Firefox/Safari setting height as [specified height - padding - border] for input[type=button]

Question

When I use the following CSS:

input[type=button] {
  background-color: white;
  border: 1px solid black;
  font-size: 15px;
  height: 20px;
  padding: 7px;
}
         


        

Answer 1

A few things you can try:

• Set the doctype of the document ()
• Set the input to be display:block or display: inline-block
• Use a reset stylesheet.