What color do disabled text-boxes in html uses?

Question

my question says it all. I'm interested in the text color and the background color that disabled text-boxes in HTML use ( the entire CSS a disabled text-box use is also welcomed ). I need this so I would match the color settings of some readonly text-boxes with the color of disabled text-boxes in my html page ( don't want them to stick out ).

P.S. I need readonly text-boxes so I can capture events with them.

Answer 1

The background color is rgb(235, 235, 228); or #EBEBE4 in hex.

At least that's the value in chrome (checked with the debugger tools). This value could be different in other browser

Answer 2

I implemented the following to make any read-only textbox or textarea (useful in my case) appear disabled when it was readonly.

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

Or this:

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

Hopefully this helps someone!