javascript - 使用javascript更改输入范围 slider 的颜色

标签 javascript css html

<分区>

如何更改 slider 的颜色

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

我已经尝试过 color、bg-color 和 background-color 都不会改变...

更新:

我想用javascript改变它。像这样:

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 - 使用javascript更改输入范围 slider 的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18493591/

相关文章:

javascript - 在 ajax 调用不起作用后 Yii 从 Controller 操作重定向

javascript - parseInt() - PHP 中字符串到整数再返回

javascript - 如何让 intro js 与 React 一起工作?

jquery - 什么可以阻止 scrollTop() 工作?

html - 在 CSS 中使用负值是否可以接受?

基于javascript的进度条

css - 如何通过CSS设置无效p-inputNumber PrimeNg表单组件的红色边框?

javascript - 搜索和滚动条下拉子菜单 Bootstrap

html - 将 CSS 选择器限制为最近的父级

javascript - 如何根据单选按钮的选择启用/禁用表单上的多个提交按钮