title: Adding a border to input with Bootstrap
body: <p>I am currently working on a website with a complex CSS file. I have added a new feature, but I can't seem to edit an input tab that I have due to other styling affecting it. Essentially I am trying to over-ride a certain property.</p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>textarea, input[type="number"]{
      background-color: #ffffff;
      border: 0 solid #CCCCCC;
      box-shadow: 0 1px 1px rgba(0, 0, 0, 0.035) inset;
      transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
  }
  
  
  select, input[type="number"] {
      border-radius: 2px 2px 2px 2px;
      color: #555555;
      display: inline-block;
      height: 37px;
      font-size: 14px;
      line-height: 15px;
      margin-bottom: 0px;
      padding: 2px 6px;
      vertical-align: middle;
  }
  
  select, textarea, input[type="number"]
      color: #626c72;
      display: inline-block;
      font-size: 14px;
      line-height: 20px;
      margin-bottom: 10px;
      padding: 4px 6px;
      vertical-align: middle;
      box-shadow: 1px 1px 8px rgba(0,0,0,0.05);
      width: 100%;
  }
  
  .target {
      border: 0;
  }
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div class="form-group col-sm-6"&gt;
              &lt;label for="Label1"&gt;Label1:&lt;/label&gt;
                  &lt;input class="form-control target"  step="any" type="number" min="0" max="24"&gt;&lt;/input&gt; 
          &lt;/div&gt;  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What I am trying to do is have is override <code>border: 0 solid #CCCCCC;</code> from the first selector and make it look like the default bootstrap input for the <code>.target</code> input . I don't want it to affect all other inputs in my application. I only want it to affect the html you see above. I thought my last styling <code>.target</code> selector would do the trick, but it doesn't. My jsFiddle is <a href="https://jsfiddle.net/or6brfbm/2/" rel="nofollow">here</a>. I want the default bootstrap border/outline for my input. As you can tell its not there right now.</p>