使用JavaScript更改输入范围滑块的颜色 [英] Change color of input range slider with javascript

问题描述

如何从

<input type="range" id="input">

我已经尝试过颜色，背景色和背景色，并且不会改变...

I already tried color, bg-color and background-color and it won't change...

更新:

我想用JavaScript进行更改.像这样:

I wanna change it with javascript. Something like this:

document.getElementById("input").style.background-color = "000000";

推荐答案

尝试一下:

input[type=range] {
    -webkit-appearance: none;
    background-color: silver;
    width: 200px;
    height:20px;
}

input[type="range"]::-webkit-slider-thumb {
     -webkit-appearance: none;
    background-color: #666;
    opacity: 0.5;
    width: 10px;
    height: 26px;
}

document.getElementById("input").style.backgroundColor = '#000000';

jsfiddle

这篇关于使用JavaScript更改输入范围滑块的颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！