Forms 活动输入占位符文本CSS3的颜色

如何设置活动输入的占位符颜色，但这不起作用。。我尝试了以下几点：

::-webkit-input-placeholder:active {
color:    blue;
}
:-moz-placeholder:active {
color:    blue;
}
:-ms-input-placeholder:active {
color:    blue;
}

我所追求的效果与……上的输入效果相同

迄今为止的解决办法：

:focus::-webkit-input-placeholder {
color:    blue;
}
:focus:-moz-placeholder {
color:    blue;
}
:focus:-ms-input-placeholder {
color:    blue;
}

---

​

您使用的是

：active

伪类，而不是

：focus

：活动的

样式仅在您单击某个元素时才适用，因此请对输入字段使用

：焦点

CSS

预演

---

这是你要找的吗？我不确定

将占位符文本蓝色更改为您喜欢的任何颜色。。。如果，这不仅仅是解释更多

---

谢谢

Active在这里是一个错误的词-正确的术语是focus。即使如此，

：：-webkit输入占位符：focus

也无法工作，因为在伪元素之后不能有伪类。但是试着看看

：focus:：-webkit输入占位符是否适用于webkit。。所以我要用jQuery来做这个，我想。。。只是看起来有点奇怪，活动或焦点颜色不能用css设置。好的，我明白了。但是：焦点似乎不会改变颜色though@Saggo对我来说有变化吗，你用的是哪种浏览器我通过设置：前面聚焦，就像BoltClock说的。。我用的是铬。。如果我最后设置了：focus，那么文本在focus处仍然是灰色的，正如我前面提到的，您需要切换WebKit的选择器，因为在
：：pseudo元素
之后不能有
：pseudo类。
:focus::-webkit-input-placeholder {
   color: blue;
}
:-moz-placeholder:focus {
   color: blue;
}
:-ms-input-placeholder:focus {
   color: blue;
}

input {
    border: 1px solid black;
    margin-top: 150px;
    margin-left: 100px;

    height: 20px;
    width: 200px;
    padding: 5px;
    border-radius: 3px;

    font-size: 14px;

    transition:.2s linear;
    -webkit-transition:.2s linear;
    -moz-transition:.2s linear;
}

input:focus {
    outline: none;
    box-shadow: 0px 0px 7px #61C5FA;
    border-color: #61C5FA;
}

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