css常用技巧:input提示文字;placeholder字体修改
时间: 2023-07-31 20:03:56 浏览: 24
要为input添加提示文字,可以使用HTML5提供的placeholder属性,例如:
```html
<input type="text" placeholder="请输入内容">
```
如果想要修改placeholder的字体样式,可以使用CSS:
```css
::placeholder {
color: #999;
font-size: 14px;
}
```
其中 `::placeholder` 选择器可以选中placeholder,然后可以通过CSS属性修改字体颜色、大小等样式。需要注意的是,不同浏览器对 `::placeholder` 的支持可能有所差异,需要进行兼容性处理。
相关问题
修改input里的placeholder字体大小
可以CSS样式来修改input元素中placeholder的字体大小,具体代码如下:
```css
/* 选择input元素 */
input {
/* 修改placeholder的字体大小 */
font-size: 16px;
}
/* 如果只想修改特定input元素的placeholder字体大小,可以通过input的类名或ID来选择 */
input.my-input {
font-size: 16px;
}
input#my-input {
font-size: 16px;
}
```
这样就可以将input元素中placeholder的字体大小修改为16px。
修改input里的placeholder字体颜色
要修改 `input` 元素中 `placeholder` 的字体颜色,可以使用 `::placeholder` 伪元素和 `color` 属性。例如:
```css
input::placeholder {
color: red;
}
```
在上述示例中,将 `input` 元素中 `placeholder` 的字体颜色设置为红色。你可以将 `red` 替换为其他颜色值。
相关推荐
















