1. 简介
HTML中的文本框是一个广泛应用于网页设计中的表单元素，其具有输入、展示和编辑文本的功能。文本框的样式可以通过CSS样式表进行全局设置，也可以在HTML标签中进行局部设置。本文将重点介绍如何在HTML中局部设置文本框的背景颜色。
2. 在HTML中设置文本框颜色
2.1 设置单个文本框颜色
在HTML中设置单个文本框的背景颜色可以通过在<input>标签中添加style属性来实现。style属性用于添加CSS样式，其格式为“属性:值”的键值对。为文本框添加背景色的style属性如下：
<input type="text" style="background-color: pink;">上述代码将创建一个文本框，其背景颜色为粉色（pink）。
需要注意的是，style属性内的CSS样式会覆盖全局样式表中相同属性的设置。
2.2 设置多个文本框颜色
如果需要设置多个文本框的背景颜色，可以通过给这些文本框添加共同的class属性，并在全局样式表中为该class添加背景色来实现。class属性用于定义HTML元素的类别，可以在全局样式表中统一设置同一类别的元素的样式。
为多个文本框添加class属性的代码如下：
<input type="text" class="input-text">
<input type="text" class="input-text">
上述代码将创建两个文本框，并添加了class属性为“input-text”。接下来，在全局样式表中添加背景色：
.input-text {
background-color: yellow;
}
上述代码将为class属性为“input-text”的元素设置背景颜色为黄色（yellow）。
3. 总结
HTML中的文本框是一个非常常用的表单元素，通过设置其样式可以使网页更加美观和易用。在本文中，我们介绍了如何在HTML中局部设置文本框的背景颜色。需要注意的是，通过style属性进行设置的样式会覆盖全局样式表中的样式。