title: How to reset input element style
body: <p>I have a form where i have a:</p>
  
  <pre><code>&lt;input type="file" size="6" /&gt;
  </code></pre>
  
  <p>Unfortunately the button will be shown in the input bar!
  This because I had set up a css for all inputs in the form:</p>
  
  <pre><code>#msform input, #msform textarea {
  
      padding: 15px;
      border: 1px solid #ccc;
      border-radius: 2px;
      margin-bottom: 10px;
      width: 80%;
      height: 29px;
  
  
      box-sizing: border-box;
      font-family: montserrat;
      color: #2C3E50;
  
      font-size: 12px;
  }
  </code></pre>
  
  <p>please have a look: <a href="http://jsfiddle.net/kg48vpfq/" rel="nofollow">http://jsfiddle.net/kg48vpfq/</a>
  How can i clear the css for this input element only or maybe better how can i get the input box next to the button.</p>
  
  <p>Thanks</p>