input::-webkit-input-placeholder { color: red; font-size: 20rpx; }为啥没效果
时间: 2023-12-14 07:37:47 浏览: 188
vue-input-contenteditable:您期望`具有相同的功能`,但位于`contenteditable` Vue组件中
这是因为 `-webkit-input-placeholder` 属性只适用于 WebKit 内核的浏览器,如 Chrome、Safari 等。如果你想让该样式适用于所有浏览器,可以使用 `::placeholder` 伪类选择器,例如:
```
::placeholder {
color: red;
font-size: 20rpx;
}
```
或者使用所有浏览器都支持的 `:placeholder-shown` 伪类选择器,例如:
```
input:placeholder-shown {
color: red;
font-size: 20rpx;
}
```
另外,`font-size` 属性的单位应该使用 `rem` 或 `em`,而不是 `rpx`,因为 `rpx` 只适用于小程序开发。
阅读全文