title: Why is colorpicker width never applied in css?
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var colorScript = document.createElement('script')
  colorScript.src = "example.com/script.js"
  var input = document.createElement('input')
  input.className = "jscolor {onFineChange:'panel.style.background = this.toHEXString();'}"
  input.id = "panelColor";
  input.value = '000000';
  document.head.appendChild(colorScript)
  document.head.appendChild(input)</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#panelColor {
    position: absolute;
    left: 10px;
    top: 35px;
    width: 60px;
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>Why is the colorpicker width never applied in css? I have to manually set it using the css property in js.</p>