CSS是前端開發中不可或缺的一部分，通過CSS可以對網頁中所有的元素進行樣式的設置，其中輸入框也不例外。下面我們來看一下如何設置輸入框的高度。

input {
height: 30px;
}

通過設置輸入框的高度，我們可以使輸入框的容器高度發生改變，從而調整輸入框的大小。在上面的代碼中，我們設置了輸入框的高度為30像素，這意味著輸入框的高度會拉伸到30像素。

除了使用固定的像素值來設置輸入框的高度，我們還可以通過使用百分比來相對地設置高度。

input {
height: 50%;
}

在這個例子中，我們設置了輸入框的高度為父容器高度的50%。這意味著，如果父容器的高度為100像素，輸入框的高度將會是50像素。

在設置輸入框的高度時，我們還需要考慮到輸入框的行內元素。如果輸入框中包含了多個行內元素，那么輸入框的高度可能會受到這些元素的影響，導致我們設置的高度失效。此時，我們可以通過使用“box-sizing”屬性來解決這個問題。

input {
height: 50px;
box-sizing: border-box;
}

通過設置“box-sizing”屬性為“border-box”，輸入框的高度將會包括輸入框邊框的高度和寬度。

以上就是對于輸入框設置高度的一些介紹，希望對你有所幫助！