Question

我正在自定义输入范围的外观以及我使用此CSS成功完成的滑块对象：

input[type="range"] {
    -webkit-appearance: none !important;
    background: rgba(1,1,1,0.3);
    height:6px;
    border: solid 1px #000;
    border-bottom: solid 1px #1d1d1d;
    border-radius: 6px;
    width: 48px;
    margin: 0;
    margin-bottom: 4px;
    display: block;

}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    background: -webkit-linear-gradient(top, #a2a2a2 0%,#8b8b8b 50%,#7b7b7b 100%);
    height:10px;
    width:10px;
    box-shadow: inset 0 1px 0 #C4C4C4;
    border-radius: 10px;
}

此代码100％工作，但我想做什么我能够更改滑块的背景颜色（输入[type =“range”] :: - webkit-slider-thumb 用jQuery。

我已经能够用以下方法更改主框的边框：

$('input#volume').css('background', '#FFFFFF');

但我无法弄清楚如何使用jQuery获取滑块。感谢

（仅供参考我在Mac上仅针对Safari（WebKit），因此缺少其他浏览器支持，适用于应用程序）

jQuery - 在名称中使用'::'设置对象样式

0 个答案: