修改input里的placeholder字体大小
时间: 2023-06-15 18:05:47 浏览: 165
可以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。
相关问题
css常用技巧:input提示文字;placeholder字体修改
要为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
::placeholder {
color: red; /* 修改占位符文本的颜色 */
font-size: 16px; /* 修改占位符文本的字体大小 */
font-weight: bold; /* 修改占位符文本的字体粗细 */
}
```
你也可以根据需要添加其他样式属性。
阅读全文