禁用时占位符CSS

Question

一直在搜索，似乎无法找到答案：

我有一个复选框，如果未选中则会禁用多个表单。表单的样式设置为更改颜色，但占位符文本保持不变。我怎样才能解决这个问题？ （或者，我甚至不介意删除所有占位符文本）

谢谢！

Answer 1

您可以在css中设置占位符伪元素的样式，因此您可以编写以下css：

input:disabled::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
input:disabled:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff;
}
input:disabled::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff;
}
input:disabled:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fff;
}

假设白色也是输入背景。