html - 怎么改变身高

Question

我有以下表格：

<form>
  <input type="text" id="search_bar" name="search_bar" value="" placeholder="Zip Code or City">
  <input type="submit" id = "search_bar_submit_button" name="search_bar_submit_button" value="Search">
</form>

和以下CSS：

#search_bar, #search_bar_submit_button{
  height: 5em;
}

搜索栏现在是5em，但提交按钮的高度没有改变。我已经看到建议使用的答案 <input type="submit" height = "x">，但觉得必须有办法用 CSS 做到这一点？

标签： htmlcssforms

Answer 1

你可以试试下面的代码。

#search_bar_submit_button {
    width: 10em;
    height: 4em;
}

<form>
  <input type="text" id="search_bar" name="search_bar" value="" placeholder="Zip Code or City"><br/><br/>
  <input type="submit" id = "search_bar_submit_button" name="search_bar_submit_button" value="Search">
</form>