title: How to reset the input css to the defaults in Bootstrap 3.2
body: <p>I changed the default border css for a specific input element in bootstrap 3.2 to be green by using the following code:</p>
  <pre><code>$('#' + fieldID).css({
      'border-color': '#00b300', 
      'border-width': '1px', 
      'box-shadow': 'none', 
      'outline': 'none', 
      '-webkit-box-shadow': 'none'
  });
  </code></pre>
  <p>where fieldID is the name of the input field</p>
  <p>Now in a specific scenario, I would like to reset this field to the default behaviour/styling.</p>
  <p>I managed to get it to look like a default focused in field by using the following:</p>
  <pre><code>$('#' + fieldID).css({
      'border-color': '#9ecaed', 
      'border-width': '1px', 
      'box-shadow': '0 0 10px #9ecaed',  
      '-webkit-box-shadow': '0 0 10px #9ecaed',
      'outline': 'none'
  });
  </code></pre>
  <p>this however does not restore the default behavior where the default field has a grey border and focused one has blue (as shown below)</p>
  <p><img src="https://i.stack.imgur.com/9uOpx.png" alt="enter image description here" /></p>
  <p><img src="https://i.stack.imgur.com/6oXFi.png" alt="enter image description here" /></p>
  <p>Please guide me if there is a way to restore normal behavior, I have even tried cloning the element in jQuery, but that copies the styling and thus in vain.</p>
  <p>Thanks for reading this</p>