<input> buttons can be a pain. Browsers offer you little control, Safari even completely ignores your styles. There is an alternative, however, that I admit I’ve never really taken into consideration. The
<button>. This little fellow is pretty versatile, working as you would expect from an
<input>, and allowing you to make it look whichever way you want.
input-based buttons, the majority of browsers do not force any particular design on the
buttonelement, leaving it a raw ingot which we can cast and shape to our liking.
Aaron Gustafson writes all about it on Digital Web Magazine.