Question

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

P.S。我需要只读文本框，以便我可以用它们捕获事件。

Answer 1

背景色为十六进制的rgb(235, 235, 228);或#EBEBE4。

至少是chrome中的值（使用调试工具检查）。其他浏览器中的值可能不同

Answer 2

他们是你设定的任何东西。只有IE9及更早版本才能为已禁用的元素设置一个固定的，不可更改的设置（奇怪的是，在这些版本中，您可以获得任何类型text-shadow的唯一方法...）

你可以这样做：

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

当你禁用它们时会得到泡泡糖的textareas！

我想说的是你可以将风格设置为你想要的任何东西，所以你可以这样做：

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

Answer 3

我实现了以下操作，以使任何只读文本框或文本区域（对我而言有用）在处于只读状态时被禁用。

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

或者这个：

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

希望这对某人有帮助！

Answer 4

我的Chrome有以下默认值：

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

我猜它可以随浏览器改变吗？

Answer 5

这取决于浏览器。在Chrome中，它是系统颜色“灰色文本”，因此您无需记住十六进制代码。

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

5 个答案: