HTMLのボタンの高さを変更できない

いつもお世話になっております。
表題の件ですが、下記のコードでボタンの高さと横幅を変更したいのですが、高さのみ変更されません...ブラウザはsafariを使用しています。chromeでもかくにんしてみましたが高さのみ変更されませんでした。解決方法を知っている方おりましたら教えていただけると幸いです。
よろしくお願いいたします。

html
1<html>
2  <head>
3  </head>
4  <body>
5      <input type="button" value="送信" name="bin" style="width:400px;height:200px">
6   
7 </body>
8</html>

x_x

2017/05/29 12:52

高さは変更されているようでしたよ。例示のHTMLとは違うところがあるのではないでしょうか？

mm--_--mm

2017/05/29 13:09

いえ、同じコードを記載したのですが...自分の環境だと高さが変えられません..

行動規範の内容に同意します

回答3件

自己解決

自己解決しました！下記のようにコードを変更することで大きさを変えることができました！参考にしたサイトはこちらです。
ご回答いただいた方々ありがとうございました。

html
1<input type="button" value="送信" name="bin" style= " -webkit-appearance: none; width:400px;height:200px;">

投稿2017/05/29 13:18

mm--_--mm

総合スコア113

例示のものでも表示できましたが、下記を試してみてください。

HTML
1<input value="送信" name="bin" style="width:400px;height:200px;margin: 0 auto;display: block;" type="button">
2```**動くサンプル：**[https://jsfiddle.net/n3vxptyg/1/](https://jsfiddle.net/n3vxptyg/1/)
3
4---
5
6center 要素は非推奨なので私用しない書き方に代えられることをお勧めします。
7
8
9【center 要素 - HTML | MDN】
10[https://developer.mozilla.org/ja/docs/Web/HTML/Element/center](https://developer.mozilla.org/ja/docs/Web/HTML/Element/center)
11> 非推奨
12この機能は Web 標準から削除されました。まだサポートしているプラウザがあるかもしれませんが、ゆくゆくはなくなるものです。新旧にかかわらず、プロジェクトでの使用をやめてください。この機能を使用するページ、Web アプリはいつ動かなくなってもおかしくありません。