Javascript 如何更改文本输入中占位符的颜色

如何更改文本输入中占位符的颜色，但文本宽度的第一部分为黄色，第二部分为红色。Html、CSS、JS。

您可以使用背景剪辑和线性渐变，浏览器可以在其中处理：

可能的例子：

input:：占位符{
背景：线性渐变（向右，黄色3em，红色3em）；
背景剪辑：文本；
颜色：透明；
字体大小：粗体；
不透明度：1；/*因为我想看到黄色部分*/
}

---

我认为你对持牌人的风格没有这种程度的控制。您应该改为使用JavaScript元素，然后您可以根据自己的喜好设置它们的样式。您可以使用类似qTip的库来制作精美的工具提示。您尝试过什么吗？您需要将输入设置为必须为空占位符。而不是绝对地在上面放置一个div，并按照您想要的样式设置文本。单击/聚焦该div时，将其隐藏并聚焦于输入。如果输入获得焦点，则隐藏占位符div，当其变得模糊时，显示占位符div。您可以选择元素并向其添加样式。示例：document.getElementById（'myPlaceholder'）.style.color='red'；