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

假设白色也是输入背景.