如何使用JavaScript更新占位符颜色？
我正在网上搜索，但没有找到任何东西。我正在尝试使用javascript更新文本框的占位符颜色，但是我该怎么做呢？我有一个颜色选择器，颜色正在变化。
如果我的CSS中有类似的内容，该如何更新？
::placeholder {
color: red;
}
<input placeholder="placeholder" />
是否有JavaScript命令可以对此进行编辑？就像是
document.getElementById('text').style.placeholderColor = newColor;
问题答案：
使用CSS变量。您还可以仅定位所需的元素
function update() {
document.querySelector('input[type=text]').style.setProperty("--c", "blue");
}
::placeholder {
color: var(--c, red);
}
<input type="text" placeholder="I will be blue">
<input type="number" placeholder="I will remain red">
<button onclick="update()">change</button>
CSS变量在修改您无法使用JS之类的伪类/伪元素（例如:before/ :after/
::placeholer/::selection等）时非常有用。您只需使用可以轻松在元素上更新的变量来定义属性。
-
问题内容： 我想更改TextField的占位符颜色，但是找不到它的方法。 我尝试设置和，但它不会更改占位符的颜色。 这是代码： 也许还没有API？ 问题答案： 目前还没有api。 但您可以 ： 自己使用和实现占位符： 现在，您可以像老板一样使用任何类型的编辑。 -自定义TextField 您总是可以创建自己的custom，以在所有地方使用： 用法 （带占位符）：
-
问题内容： 我有一个实现深蓝色的设计，因为默认情况下，占位符文本为深灰色，所以我几乎无法分辨出占位符文本的含义。 我已经用谷歌搜索了这个问题，但是我还没有想出使用Swift语言而不是Obj-c的解决方案。 有没有一种方法可以使用Swift 更改占位符文本的颜色？ 问题答案： 您可以使用 属性字符串 设置占位符文本。通过：传递所需的颜色： 对于Swift 3+，请使用以下命令： 对于Swift 4.
-
我有一个实现深蓝色的设计，因为占位符文本默认是深灰色，我几乎看不出占位符文本说了什么。 当然，我已经在谷歌上搜索了这个问题，但我还没有找到一个解决方案，因为我使用的是Swift语言，而不是Obj-c。 有没有办法使用Swift更改中占位符文本颜色？
-
问题内容： 聚焦输入字段时如何更改占位符的颜色？我使用此CSS设置默认颜色，但是如何更改焦点？ 问题答案： 试试这个，这应该工作：
-
遵循这篇文章（样式文本输入占位符），我可以将文本输入占位符的颜色改为红色。但它总是一种浅红色，并不完全是红色。 有什么办法可以使它变成红色吗？ 更新
-
问题内容： Chrome支持元素上的[占位符属性]（其他可能也支持）。 但是以下内容对占位符的价值没有任何作用： 仍将保留而不是。 是否可以更改占位符文本的颜色？ 问题答案： 实作 有三种不同的实现：伪元素，伪类，什么也没有。 WebKit，Blink（Safari，Google Chrome，Opera 15+）和Microsoft Edge使用伪元素：。 Mozilla Firefox的4至1