我使用标准的jQueryUI滑块,并希望更改句柄的外观.我把CSS改成了
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 40px; height: 10px; cursor: default; border: 0; background-color: #c6c7c8; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider-horizontal { height: 10px; border: 0; background-color: #eceded; }
.ui-slider-horizontal .ui-slider-handle { top: 0; margin-left: 0; }
.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-handle边距设置为-20px.但在两端它重叠了它的车道.
它有什么用ui-slider-range-max？但是当通过Firebug检查滑块时,这个CSS类不会在任何地方使用.