title: Change the width and height of jQuery slider
body: <p>I want to change the width and height of jquery slider UI. I am using <code>ui-lightness</code> theme. I tried to override the default jquery.css by adding the following code in my style sheet.</p>
  
  <pre><code>.ui-slider .ui-slider-horizontal { height: .6em; }
  .ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1em;
    height: 1em;
    cursor: default;
  }
  </code></pre>
  
  <p>But the above css has no effect. jquery.css overrides the above style and I see no change in the slider. How to override the default jquery.css styles?</p>