使用input[type="text"]选择器可精准设置文本输入框样式，如定义文字、背景和边框颜色，且不影响其他输入框类型。
你想通过CSS改变特定输入框的颜色，比如只针对文本类型的输入框（），可以使用属性选择器来精准控制样式。
使用[type="text"]属性选择器
属性选择器允许你根据HTML元素的属性值来应用样式。对于文本输入框，你可以这样写：
input[type="text"] {
color: red;
background-color: #f0f0f0;
border: 1px solid #ccc;
}
- color 控制文字颜色
- background-color 设置背景色
- border 可以统一边框颜色和风格
实际效果示例
假设你的HTML中有以下内容：
word" value="密码框不受影响">
上面的CSS只会让第一个输入框的文字变成红色，第二个密码框保持原样。
立即学习“前端免费学习笔记（深入）”；
更灵活的匹配方式
如果你希望匹配更多类似文本的输入类型，比如 search、email、tel 等，可以用属性子串匹配：
input[type*="text"] {
color: blue;
}
这里的 *= 表示属性值包含 "text"，能覆盖 type="search" 或 type="email" 等情况（视浏览器实现而定）。
基本上就这些。用 input[type="text"] 是最直接、兼容性最好的方式来单独设置文本输入框的颜色。
