input:placeholder-shown { color: red; font-size: 20rpx; }还是没效果

这个 CSS 代码的意思是在 placeholder 被显示的时候文本颜色变为红色，字体大小为 20rpx。但是你说并没有效果，那么可能有以下几个原因：

1. 代码写错了，可以重新检查一下代码是否正确；
2. 在你的 HTML 代码中，对应的 input 元素没有使用该 CSS 代码中的选择器；
3. 浏览器不支持该选择器，或者不支持你设置的字体大小单位 rpx。

你可以进一步尝试调试一下，看看是哪个原因导致的。

相关问题

input::-webkit-input-placeholder { color: red; font-size: 20rpx; }为啥没效果

这是因为 `-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` 只适用于小程序开发。

这块前端代码input::-webkit-input-placeholder { color: red; }用jquery怎么写

你可以使用以下代码用 jQuery 实现同样的效果：

$("input::-webkit-input-placeholder").css("color", "red");

这将选中所有 input 元素的 WebKit 浏览器专用的 placeholder 文本，并将其颜色设置为红色。