im trying to customize my slider with the ui.slider.css but to no
avail...
i just would like to add some color the the handles and bars, but cant
figure out what im doing wrong. Here is the css file...
/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; width:500px; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width:
1.2em; height: 1.2em; cursor: default;}
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-
size: .7em; display: block; border: 0; }
.ui-slider-horizontal { height: .8em; background:#0068b3; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.
6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0;
margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
