html的input框颜色怎么改变

HTML的`input`框颜色可以通过CSS来改变。您可以使用不同的CSS属性来改变`input`框的边框颜色、文本颜色和背景颜色等。以下是一些常见的方法：

1. 改变边框颜色：
使用CSS的`border-color`属性可以改变`input`框的边框颜色。例如：

   input[type="text"] {
       border-color: #FF0000; /* 红色边框 */
   }

2. 改变文本颜色：
使用CSS的`color`属性可以改变`input`框内文本的颜色。例如：

   input[type="text"] {
       color: #0000FF; /* 蓝色文本 */
   }

3. 改变背景颜色：
使用CSS的`background-color`属性可以改变`input`框的背景颜色。例如：

   input[type="text"] {
       background-color: #FFFF00; /* 黄色背景 */
   }

4. 使用`:focus`伪类改变焦点时的颜色：
当`input`框获得焦点时，可以通过`:focus`伪类来改变边框和背景颜色。例如：

   input[type="text"]:focus {
       border-color: #00FF00; /* 绿色边框 */
       background-color: #FF00FF; /* 紫色背景 */
   }

5. 使用类或ID来指定特定的`input`框：
如果页面中有多个`input`框，但只想改变特定一个或几个的样式，可以为它们设置特定的类或ID，并定义相应的CSS规则。例如：

   /* 给特定的input框设置样式 */
   input.custom-input {
       border-color: #000000; /* 黑色边框 */
       color: #FFFFFF; /* 白色文本 */
       background-color: #000080; /* 海军蓝背景 */
   }

<!-- 应用特定的class到input元素 -->
<input type="text" class="custom-input">