[CSS] <input type='submit'>のサイズが変わらない

CSSでsubmitボタンをいじっていてつまったのでメモ。

submitボタンのサイズが変わらない

sample.html

<input id='sample' type='submit' value='提出'>

sample.css

#submit{
    width:50px;
    height:25px;
    border-radius: 5px;
    box-shadow: 1px 1px 1px;
    border-color:rgb(247, 191, 158);
}

上記のように記述したところsubmitボタンのスタイルにwidth、heightがうまく適用されなかった。

border-style: solid;

の一行を加えてborderのスタイルを指定すると正常に適用されるみたい。

sample.css

#submit{
    width:50px;
    height:25px;
    border-radius: 5px;
    box-shadow: 1px 1px 1px;
    border-color:rgb(247, 191, 158);
    border-style: solid;
}