title: Applying custom css to Bootstrap input type text
body: <p>I spent an hour trying to apply my css to Bootstrap input of type text inside a form. Here's my code:</p>
  
  <pre><code>&lt;form&gt;
    &lt;div class="form-group"&gt;
      &lt;input type="text" name="username" value="" id="username" class="form-control" /&gt;
    &lt;/div&gt;
  &lt;/form&gt;
  
  input [type=text] {
    background-color: red !important;
  }
  </code></pre>
  
  <p>The strange thing is that if I remove the <code>[type=text]</code> part, then all is ok.</p>
  
  <p><a href="https://jsfiddle.net/wucomkbs/" rel="nofollow noreferrer"><strong>JSFiddle</strong></a></p>