css中怎样对input设置

CSS是一种语言，它被用来给网页添加样式和布局效果。在CSS中，我们可以通过添加样式规则来改变HTML中的元素。本文将重点介绍如何对输入框设置样式。

/* 基本样式 */
input {
  border: 1px solid #ccc;
  padding: 8px 12px;
  font-size: 14px;
  border-radius: 5px;
}

/* 鼠标移入时的样式 */
input:hover {
  border-color: #999;
}

/* 聚焦时的样式 */
input:focus {
  outline: none;
  border-color: #04bbff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

/* 禁用状态下的样式 */
input:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* 自定义样式 */
input[type="text"] {
  background-color: #eee;
}

input[type="password"] {
  background-color: #f5f5f5;
  border-style: dotted;
}

input[type="number"] {
  width: 50px;
} 

以上代码演示了对输入框的基本样式、鼠标移入和聚焦时的样式、以及禁用状态下的样式。我们也可以使用元素的type属性来对不同类型的输入框进行不同的样式设置。如上述代码所示，我们对文本框、密码框和数字框进行了自定义的样式设置。

通过CSS对输入框进行样式设置，可以使页面看起来更加美观和整洁。