13

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

PS 我需要只读文本框，这样我就可以用它们捕获事件。

4

6 回答 6

11

背景颜色是rgb(235, 235, 228);或#EBEBE4以十六进制表示。

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

于 2013-04-23T18:17:55.950 回答
10

他们是你设置的任何东西。只有 IE9 和更早的版本对禁用元素有一个固定的、不可更改的设置（奇怪的是，这是你获得任何类型的唯一方法text-shadow......）

你可以从字面上做到这一点：

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

并在禁用它们时获得泡泡糖色的文本区域！

我想说的是您可以将样式设置为您想要的任何样式，因此您可以这样做：

:disabled, :read-only, [disabled], [readonly] {background:#cccccc; color:#ffffff}
于 2013-04-23T18:20:04.897 回答
7

我实现了以下内容，以使任何只读文本框或文本区域（在我的情况下有用）在只读时显示为禁用。

<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>

希望这可以帮助某人！

于 2019-09-11T22:25:36.240 回答
2

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

于 2019-02-17T23:27:13.100 回答
0

我的 chrome 具有以下默认值：

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

我想它可以随着浏览器而改变吗？

于 2013-04-23T18:17:22.547 回答
0

这是它在 Chrome 中的呈现方式：

textarea:disabled {
  cursor: default; 
  background-color: rgba(239, 239, 239, 0.3);
  color: rgb(84, 84, 84);
  border-color: rgba(118, 118, 118, 0.3);
}
于 2021-10-15T08:41:08.637 回答