最近在做一個網站設計的時候，遇到了一個奇怪的問題，就是HTML中的按鈕高度設置不了，非常的困擾。
按鈕樣式設置代碼：
button{
width: 100px;
height: 30px;
border-radius: 5px;
border: none;
background-color: #007bff;
color: #fff;
font-size: 14px;
cursor: pointer;
}這段代碼看起來沒有任何問題，但是按鈕的高度始終無法被設置。在查找了很多資料之后，我發現問題出在了HTML中的按鈕元素上。
HTML中的按鈕元素（<button>）是一個比較神奇的元素，它的尺寸并不是由CSS樣式來控制的，而是由瀏覽器自己處理的。也就是說，如果我們設置了按鈕的高度，瀏覽器會自動將按鈕的高度設置為其內部內容的高度。
這個問題的根本原因是HTML中的按鈕元素并不像其他元素那樣，可以通過CSS控制全局樣式，而是需要我們針對性地設置樣式。所以，為了解決這個問題，我們需要使用一個比較笨的方法，就是通過在按鈕元素中嵌套一個div元素，然后設置div元素的寬高來實現按鈕高度的設置。
這樣，我們就可以通過設置div元素的高度來控制按鈕的高度了。
總之，HTML中的按鈕元素確實有點兒奇怪，需要我們針對性地設置樣式來實現我們想要的效果。希望本文能夠幫助到大家。