JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<div class="input-group">
  <span class="input-group-addon" id="basic-addon1">Home</span>
  <input type="text" class="form-control" placeholder="Username" aria-describedby="basic-addon1" disabled>
</div>

CSS

input.form-control[disabled] {
    background-color: #72A4D2;
    cursor: default;
}