title: Stop element.style to overwrite my css styles
body: <p>I'm developing a form in ruby on rails and in that form I'm using a slider (<a href="http://seiyria.github.io/bootstrap-slider/" rel="nofollow noreferrer">http://seiyria.github.io/bootstrap-slider/</a>).</p>
  
  <p>The problem is that I have this <code>element.style</code> that overwrites my <code>css</code> like this:</p>
  
  <p>For stored field:
  <img src="https://i.stack.imgur.com/yk1GZ.png" alt="enter image description here"></p>
  
  <p>When I add a new field dynamically:
  <img src="https://i.stack.imgur.com/tvTuv.png" alt="enter image description here"></p>
  
  <p>What is this <code>element.style</code>?</p>
  
  <p>Why this <code>element.style</code> overwrites the <code>width</code>?</p>
  
  <p>This <code>element.style width</code> has the value <code>0px</code> in the first case and <code>152px</code> in the second, and I have no ideia why.</p>
  
  <p>Any help?</p>