如何设置input输入框默认显示内容的样式
时间: 2024-02-24 20:56:38 浏览: 169
bootstrap布局中input输入框右侧图标点击功能
可以使用CSS中的`::placeholder`伪类来设置input输入框中默认显示内容的样式,代码如下:
```css
/* 设置 placeholder 的样式 */
input::placeholder {
color: #999;
font-style: italic;
font-weight: bold;
}
/* 设置输入框的样式 */
input {
border: 1px solid #ccc;
padding: 10px;
font-size: 16px;
}
```
在上面的代码中,我们使用`::placeholder`伪类来设置默认显示内容的样式,然后使用普通的CSS样式来设置输入框的样式。
如果你想要在输入框中设置默认显示内容,可以在`input`标签中添加`placeholder`属性,代码如下:
```html
<input type="text" placeholder="请输入内容">
```
这样,在输入框中就会显示`请输入内容`这个默认显示内容,并且使用上面定义的样式。
阅读全文