<input />文字方框中,字体颜色的变化 要求默认的字体颜色是灰色,当要输入字时,字体是正常的黑色...
时间: 2024-02-05 21:12:17 浏览: 945
可以使用CSS实现这个效果。你可以在CSS中将输入框的默认文字颜色设置为灰色,然后在输入框获取焦点时将文字颜色设置为黑色。
下面是一个示例代码:
```html
<label for="input">输入:</label>
<input id="input" type="text" placeholder="请输入内容" />
<style>
/* 输入框样式 */
input {
border: 1px solid #ccc;
padding: 5px;
font-size: 16px;
color: #ccc; /* 默认字体颜色为灰色 */
}
/* 输入框获取焦点时字体颜色为黑色 */
input:focus {
color: #000;
}
</style>
```
在上面的示例中,输入框的默认字体颜色为灰色,当输入框获取焦点时,字体颜色变为黑色。你可以根据需要修改样式。
阅读全文