title: Remove border from input box bootstrap
body: <p>I am creating a website using bootstrap, less and angular and I've been struggling all day with the input field for search bar. I tried using the bootstrap input-group with both input-group-addon and input-group-button but I cannot seem to be able to remove the border between the button and the input. Actually I cannot change the border at all. Any suggestions on how I could do this. I would like my search box have the same behaviour as in <a href="https://duckduckgo.com/" rel="noreferrer">duckduckgo</a>.</p>
  
  <p>UPDATE:</p>
  
  <pre><code>&lt;form role="form" action="results.html" style="padding:30px"&gt;
  &lt;p class="input-group"&gt;
      &lt;input type="text" class="form-control" name="q" /&gt; &lt;span class="input-group-addon" style="border-left-width: 0px"&gt;&lt;span class="glyphicon glyphicon-search" aria-hidden="true"&gt;&lt;/span&gt;&lt;/span&gt;
      &lt;input type="hidden" name="mode" value="web" /&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p></p>
  
  <p>So this is my code. I don't know how to make a JSFiddle with it so that the bootstrap styling is preserved. I have also tried putting the html and css from this link <a href="http://jsfiddle.net/CbGpP/2/" rel="noreferrer">http://jsfiddle.net/CbGpP/2/</a> into my code and the line between the button and input is still preserved, neither it turns green on click. </p>