Html 占位符样式-替代使用的样式！重要的

我需要更改框架中占位符的样式。我需要覆盖框架为我插入的instyle占位符样式。为此，我插入了以下代码：

::-webkit-input-placeholder { color:#FFFF00 !important;}
::-moz-placeholder { color:#FFFF00 !important; } /* firefox 19+ */
:-ms-input-placeholder { color:#FFFF00 !important; } /* ie */
input:-moz-placeholder { color:#FFFF00 !important;}

这将使所有占位符都成为这种样式。问题是我需要一个类的字段是另一种颜色。为此，我做了：

 ::-webkit-input-placeholder .my_class { color:#000000!important;}
    ::-moz-placeholder .my_class  { color:#000000!important; } /* firefox 19+ */
    :-ms-input-placeholder .my_class  { color:#FFFF000 !important; } /* ie */
    input:-moz-placeholder .my_class  { color:#000000!important;}

---

但这并不奏效。占位符仍然是#FFFF00。如何实现这一点？

将

.my_class

放在

：-x-placeholder

伪元素之前

input{background:red；}/*为对比度添加*/
：-webkit输入占位符{color:#FFFF00！重要；}
：-moz占位符{color:#FFFF00！重要；}/*Firefox19+*/
：-ms输入占位符{颜色：#FFFF00！重要；}/*ie*/
输入：-moz占位符{颜色：#FFFF00！重要；}
.my_class:：-webkit输入占位符{颜色：#000000！重要；}
.my_class:：-moz占位符{颜色：#000000！重要；}/*firefox 19+*/
.my_class:-ms输入占位符{color:#FFFF000！重要；}/*ie*/
input.my_class:-moz占位符{color:#000000！important；}

---

你为什么要使用

！重要信息

，只需编辑原始语句或在原始语句之后使用您的设置重复它，级联应该会处理好它。很漂亮！这正是我想要的，非常感谢！

.my_class::-webkit-input-placeholder {
    color: blue! important;
}