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

Posted 2023-03-05

【中文标题】禁用时的占位符 CSS [关闭]

【英文标题】：Placeholder CSS when disabled [closed]

【发布时间】：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; 使它们透明，因此您不需要匹配输入的背景颜色。