title: Uplaod Button background Bootstrap
body: <p>here it is in fiddle <a href="http://jsfiddle.net/y3xyU/120/" rel="nofollow">http://jsfiddle.net/y3xyU/120/</a><br>
  and my questions is how to get rid of gray background?
  preferably using pure css or Bootstrap only.</p>
  
  <pre><code>&lt;form class="form-inline" role="form"&gt;
              &lt;div class="form-group"&gt;
                  &lt;div class="input-group"&gt;
                      &lt;div class="input-group-addon"&gt;
                          &lt;label class="btn btn-primary" for="my-file-selector"&gt;
                              &lt;input id="my-file-selector" type="file" style="display: none;"&gt;
                              Upload File...
                          &lt;/label&gt;
                          &lt;label class="sr-only"&gt;Public key&lt;/label&gt;
                          &lt;input type="url" class="form-control" placeholder="Public Key"&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/form&gt;  
  </code></pre>