html中禁用的文本框使用什么颜色？

我的问题说明了一切。我对HTML中禁用文本框的文本颜色和背景颜色感兴趣（也欢迎禁用文本框使用的整个CSS）。我需要这个，这样我就可以将一些只读文本框的颜色设置与html页面中禁用文本框的颜色相匹配（不希望它们突出）

---

另外，我需要只读文本框，以便用它们捕获事件。

我的chrome具有以下默认设置：

background-color: rgb(235, 235, 228);
color: rgb(84, 84, 84);

---

我想它可以随着浏览器的变化而变化？

背景颜色是rgb（235、235、228）或

#EBEBE4

---

至少这是chrome中的值（通过调试器工具检查）。此值在其他浏览器中可能会有所不同

无论您将其设置为什么。只有IE9和更老的版本对禁用的元素有固定的、不可更改的设置（奇怪的是，这是在这些版本中获得任何类型的

文本阴影的唯一方法…）

你可以这样做：

:disabled {background-color:pink; color:blue}

当你禁用泡泡糖颜色的文本区域时，你会得到它们

我想说的是，您可以将样式设置为您想要的任何样式，因此您可以执行以下操作：

:disabled, :read-only, [disabled], [readonly] {background:#cccccc; color:#ffffff}

这取决于浏览器。在Chrome中，它是系统颜色“graytext”，因此您不需要记住十六进制代码。
我实现了以下操作，以使任何只读文本框或文本区域（在我的情况下很有用）在只读时显示为禁用状态

<style>
input:read-only, 
textarea:read-only,
[contenteditable]:read-only {
  cursor: not-allowed;
  background-color: #EBEBE4 !important;
  color: #C6C6C6;
} 
</style>


输入：只读，
text区域：只读，
[内容可编辑]：只读{
光标：不允许；
背景色：#EBEBE4！重要；
颜色：#C6；
} 

或者这个：

<style>
input:read-only, 
textarea:read-only,
[contenteditable]:read-only {
  pointer-events: none;
  background-color: #EBEBE4 !important;
  color: #C6C6C6;
}
</style>


输入：只读，
text区域：只读，
[内容可编辑]：只读{
指针事件：无；
背景色：#EBEBE4！重要；
颜色：#C6；
}

希望这对某人有帮助
 chrome中被禁用的
输入的背景色是
rgb（235235228）
，如果有帮助的话。在firefox中，被禁用的输入背景色是F0。在发布之前，你应该检查所有的背景色-在FF 15.0.1中它是不同的颜色。OP检查它们怎么样？我告诉他我能找到什么以及我是如何找到的。我非常喜欢这个解决方案的灵活性：）谢谢回答得好，但是要知道禁用元素的样式是特定于浏览器的，所以这可能不适用于所有浏览器。谢谢！我将对跨浏览器只读/输入属性/样式进行一些研究，如果我发现任何有用的东西，我将更新我的答案！我认为，如果任何人需要有关只读属性样式和跨浏览器支持的信息，请参考以下内容：