如何更改输入焦点上的占位符颜色？

Question

我想如果用户点击输入，我的意思是input:focus，占位符颜色变成蓝色，例如，我该怎么做？ 这不起作用

   <input id="email" placeholder="example@domain.com" type="email" class="form-control" name="email" required autocomplete="email" autofocus>

input:focus ~ ::placeholder{
    color: blue;
}  

Answer 1

您不需要 ~ 即可工作

input:focus::placeholder{
    color: blue;
}

<input placeholder="ding">