input里的placeholder样式如何修改
时间: 2024-02-07 19:04:08 浏览: 101
要修改输入框的 placeholder 样式,可以使用以下 CSS 代码:
```
::placeholder {
color: red; /* 输入框中的提示文字颜色 */
font-size: 14px; /* 输入框中的提示文字大小 */
font-weight: bold; /* 输入框中的提示文字加粗 */
opacity: 1; /* 输入框中的提示文字透明度 */
}
```
需要注意的是,不同浏览器可能对 `::placeholder` 伪类的支持不同,因此最好还是加上 `-webkit-`、`-moz-`等浏览器前缀,以增强浏览器兼容性。例如:
```
::-webkit-input-placeholder { /* Safari、Chrome等Webkit内核浏览器 */
color: red;
font-size: 14px;
font-weight: bold;
opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
color: red;
font-size: 14px;
font-weight: bold;
opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
color: red;
font-size: 14px;
font-weight: bold;
opacity: 1;
}
:-ms-input-placeholder { /* IE */
color: red;
font-size: 14px;
font-weight: bold;
opacity: 1;
}
```
阅读全文