css - 禁用时的占位符 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;
}

假设白色也是输入背景。