HTML input button css-height not working on Safari and Chrome

Question

I have a very basic question. I am setting height to 50px for my html form submit button. It works on Firefox but not Chrome nor Safari. The code is as simple as following:

<input type="submit" value="Send" style="height:50px;" /> 

Any idea how to make it work on Chrome and Safari?

Answer 1

Change it from <input> to <button> and add -webkit-appearance: none; to the start of your CSS, eg:

.submitbtn {     -webkit-appearance: none;     height: 50px;     background-color:#FFF;     color:#666;     font-weight:bold;     border: solid #666 1px;     font-size: 14px; }