<form action="">
  First name: <input type="text" value="Mickey"><br>
  Last name: <input type="text" value="Mouse"><br>
  Country: <input type="text" disabled="disabled" value="Disneyland">
</form>
body{
  background: #1f1f1f;
  width: 80%;
  border: 1px dashed #ffffff;
  margin: auto;
  padding: 50px;
  color: #ffffff;
}
form{
  display: flex;
  flex-direction: column;
  width: 10%;
  margin: auto;  
}

input{
  margin: 5px;
}

/* disabled selector */
input[type=text]:disabled {
  background: lightgreen;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.