禁用时的占位符 CSS [关闭]答案

【问题标题】：Placeholder CSS when disabled [closed]禁用时的占位符 CSS [关闭]
【发布时间】：2013-08-03 00:54:09
【问题描述】：

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

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

谢谢！

【问题讨论】：

【解决方案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;
}

假设白色也是输入背景。

【讨论】：

由于某种原因它似乎没有做任何事情。占位符仍然是相同的默认文本颜色。
你是对的，它适用于禁用的输入标签，不适用于禁用的表单：jsfiddle.net/CMbmU你如何禁用这些表单？
谢谢！有效！不知道我做错了什么。
这很好，但是将颜色切换为透明更好
使用opacity: 0; 使它们透明，因此您不需要匹配输入的背景颜色。