更改jquery移动滑块旋转按钮的颜色

Question

我正在使用jquery移动滑块按钮

<input type="range" name="slider" id="slider-0" value="25" min="0" max="100" step="5" />

滑块会自动生成文本输入，在Chrome中，它还会在文本输入中放置一个旋转按钮。任何人都知道如何更改此旋转按钮的颜色？

Answer 1

您可以使用不同的themes或使用theme roller

从here复制： 如果您只想摆脱向上/向下箭头，可以将输入包装在具有指定宽度/高度的元素中overflow : hidden：

$(".ui-slider-input").wrap($('<div />').css({
    position : 'relative',
    display  : 'inline-block',
    height   : '36px',
    width    : '45px',
    overflow : 'hidden'
}));

Answer 2

除非它们是HTML元素，否则您无法更改滚动条/旋转按钮的颜色。 IE是一个例外并且允许这样做，但是它再次不是Web标准，并且在其他任何地方都不受支持。作为一种解决方法，您可以隐藏浏览器创建的旋转按钮，并将其替换为您自己的自定义旋转按钮，该按钮由具有相应事件处理程序的DIV标记组成。