css 如何控制文本框

CSS是一种用于控制网页样式的语言，也可以用来控制文本框的样式。下面我们来看一下如何使用CSS来控制文本框的样式。

/* 设置文本框边框样式和宽度 */
input[type="text"] {
  border: 1px solid #ccc;
  width: 200px;
}

/* 设置文本框内文字的颜色和大小 */
input[type="text"] {
  color: #333;
  font-size: 14px;
}

/* 设置文本框聚焦时的边框样式 */
input[type="text"]:focus {
  border-color: #6699ff;
}

上面的代码中，我们使用了属性选择器（input[type="text"]）来选中所有的文本框，然后分别定义了边框样式、宽度、文字颜色和大小等样式。当文本框聚焦时，我们还设置了一个不同的边框样式，以提高用户体验。

除了上面介绍的属性，我们还可以使用其他CSS属性来控制文本框的样式，比如背景色、圆角、阴影等等。需要注意的是，不同浏览器可能对文本框的样式支持程度不同，因此在编写CSS时需要进行兼容性测试。