關於input type爲submit設置高度失效問題

在用mac本做react項目時 遇到一個提交框樣式設置的問題

1. 高度設置完之後 就是沒有效果如下

 html 內容:
 <input type="text"/>
 <input type='submit' className='sub'  value='搜索提問'/>
 CSS 樣式:
.sub{
            box-sizing: content-box;
            -moz-box-sizing: content-box;
            -webkit-box-sizing: content-box;
            width:20%;
            height:35px;   
        }
        

展示的效果如下：

2. 解決辦法

 CSS 樣式:
.sub{
            box-sizing: content-box;
            -moz-box-sizing: content-box;
            -webkit-box-sizing: content-box;
            width:20%;
            height:35px;  
            color:#fff;
            font-size:16px;
            border:0;
            background:#3385FF;  //加一個背景顏色就好了
        }

結果如下圖：