css设置搜索框样式

可以使用如下的 CSS 样式来设置搜索框的样式：

/* 设置搜索框样式 */
input[type="text"] {
  border: 1px solid #ccc;  /* 设置边框样式 */
  padding: 5px;  /* 设置内边距 */
  border-radius: 5px;  /* 设置边框圆角 */
  outline: none;  /* 去除聚焦时的外边框 */
  box-shadow: none;  /* 去除聚焦时的阴影 */
}

/* 设置搜索按钮样式 */
input[type="submit"] {
  background-color: #ccc;  /* 设置背景色 */
  border: none;  /* 去除边框 */
  padding: 5px 10px;  /* 设置内边距 */
  border-radius: 5px;  /* 设置圆角 */
  color: #fff;  /* 设置文字颜色 */
  cursor: pointer;  /* 设置鼠标样式为手指 */
}

/* 设置搜索框和按钮的容器样式 */
.search-container {
  margin: 10px 0;  /* 设置上下外边距 */
  display: flex;  /* 设置为弹性盒子 */
  justify-content: center;  /* 设置内容居中 */
  align-items: center;  /* 设置垂直居中 */
}

你可以根据自己的需求来修改这些样式。