Disabled using CSS

Disabled using CSS

HTML

<input disabled value="Disabled">
<input readonly value="Disabled using CSS">

CSS

input[readonly]{
  border-color: darkgrey;
  border-style: solid;
  border-width: 1px;
  background-color: rgb(235, 235, 228);
  color: rgb(84, 84, 84);
  padding: 2px 0px;
}