javascript - 如何使用javascript将占位符颜色更改为透明

Question

我正在尝试更改占位符的颜色，但我无法让 javascript 正确调用该元素，你能帮帮我吗？

我只是在学习 javascript，我尝试使用 WYSIWYG 编辑器对其进行编辑，但由于内容是动态的，自动完成的全部功能都停止工作了。

HTML

<input id="search" type="text" name="q" value="" class="input-text" maxlength="128" placeholder="Type here" autocomplete="off">

CSS

header .navbar .sc-bar #search_mini_form input.input-text

Answer 1

除非你有一些条件尝试向输入添加类然后使用 sass 或纯 css，否则你不需要 javascript 来执行此操作:

input#search::placeholder{
color:red;}

用 sass :

input{
&#search{
    &::placeholder{
        color : red
    }
 }
}

如果您想使用 javascript，只需在点击事件上添加一个类，例如:

var d = document.getElementById("div1");
d.className += " otherclass";

然后:

input.otherclass::placeholder{
 color:red;
}