如何设置搜索框的背景颜色和大小

你可以使用CSS来设置搜索框的背景颜色和大小。以下是一种实现的方法：

HTML结构：

<form action="/search" method="get" class="search-form">
  <input type="text" name="query" placeholder="在此输入搜索内容" class="search-input">
  <button type="submit" class="search-button">搜索</button>
</form>

CSS样式：

.search-form {
  display: flex;
  justify-content: center;
  align-items: center;
}

.search-input {
  width: 300px; /* 设置搜索框的宽度 */
  height: 40px; /* 设置搜索框的高度 */
  background-color: #f2f2f2; /* 设置搜索框的背景颜色 */
  border: none; /* 移除搜索框的边框 */
  padding: 10px; /* 设置搜索框的内边距 */
  font-size: 16px; /* 设置搜索框的字体大小 */
}

.search-button {
  background-color: #4CAF50; /* 设置按钮的背景颜色 */
  color: white; /* 设置按钮的文字颜色 */
  border: none; /* 移除按钮的边框 */
  padding: 10px 20px; /* 设置按钮的内边距 */
  font-size: 16px; /* 设置按钮的字体大小 */
}

在上述代码中，`.search-input` 类用于设置搜索框的样式，包括宽度、高度、背景颜色、边框、内边距和字体大小。你可以根据需求调整这些值。

`.search-button` 类用于设置按钮的样式，包括背景颜色、文字颜色、边框、内边距和字体大小。同样，你可以根据需求调整这些值。

你可以将上述代码添加到你的CSS文件中，或者直接将其写在HTML文件的`<style>`标签中。这样就可以设置搜索框的背景颜色和大小了。