JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" disabled="disabled" value="green">
<input type="text" disabled="disabled" value="blue">

CSS

input[disabled] {
   -webkit-text-fill-color: currentcolor;
}

input {
  font-size: 30px;
}

input[value=green] { color: green; }
input[value=black] { color: black; }