css - CSSでボタンの高さを変えられない

Question

ボタンの高さを増やすことができません。デフォルトでは、計算されたスタイルで 18px が表示されます。幅を変更しても問題ありません。margin-left、top を適用した他のすべてのスタイルも機能しますが、Height ではないのはなぜですか??

   <input name="cancel" id="cancel" type="button" value="Cancel">

CSS

input#cancel {
   margin-top: 30px;
   margin-left: 48px;
   width: 70px;
   height: 24px!important;
}

私もこのようにidに高さを与えようとしました

   #cancel {
       height:24px;
   }

ブラウザに表示される計算されたスタイルが必要な場合はお知らせください。助けてください