通过Javascript更改范围滑块背景

文章/答案/技术大牛

发布

1回答

javascript、css

我正在尝试通过Javascript更改范围滑块的背景颜色。我没有收到任何错误，但是背景颜色根本没有变化。更改所有其他值都有效，但不能更改背景样式。

浏览 6提问于2019-10-24得票数 2

回答已采纳

1回答

如何使用带有供应商前缀的jquery修改css？

javascript、jquery、css、vendor-prefix、autoprefixer

我正在尝试更改带有供应商前缀的jquery滑块的背景css。我用的是线性梯度。我需要对所有浏览器的支持。我在css样式表中设置了一些带有供应商前缀的css，我希望通过javascript改变渐变。’，hsla)；$(#范围-幻灯片2“).css(”背景“，satRangeW)；}；$(“#范围-滑块2”).slider({范围:false，min: 0，max: 100，值: 100，幻灯片:函数.text；$(“.

浏览 0提问于2016-03-14得票数 0

1回答

在jQuery UI滑块上将背景色更改为句柄的右边。

jquery、background、slider

如何将背景色更改为jQuery UI滑块上句柄的右侧？它必须适应滑块的运动，所以手柄左边的背景色总是一种颜色，而手柄右边的背景色总是另一种颜色。

浏览 2提问于2014-06-03得票数 1

回答已采纳

2回答

具有可变最大值的范围滑块

javascript

我有一个范围的滑块，可以设置为可变的最大值。40、60、80、200等等。我使用Javascript将滑块元素的背景设置为基于滑块值的特定颜色。因为我使用slider.value作为%来设置滑块的背景样式。如何更改sliderValue的值以反映%的实际值示例:范围滑块的最大值设置为40。当用户滚动到滑块的末尾时，该值为40。我需要一些方法来设置sliderValue为100%

浏览 20提问于2020-10-08得票数 0

回答已采纳

2回答

通过javascript使用范围滑块更改HSL背景色

javascript、html、jquery、css、slider

我正在尝试使用范围滑块来编辑背景颜色，但它不起作用，在这里我哪里出错了：<input id="ex2" name="ex2' type="range" min="0" max="360" step="1" />$(document).ready(function(){ var slider =

浏览 0提问于2020-10-01得票数 0

1回答

如何更改独立于标题的jqm滑块的背景色(包括活动代码)

jquery、html、css、jquery-mobile

我正在寻找一个解决方案来改变我的jqm范围滑块的背景色。正如我已经发现的，通过chrome developer工具，我试图更改它，但是下面的代码正在更改标题和滑块背景： background-color

浏览 3提问于2014-04-07得票数 0

回答已采纳

1回答

将kendo与其他控件绑定

data-binding、kendo-ui、rangeslider

我试图绑定一个范围滑块与两个文本输入控件。理想情况下，我希望更改范围滑块、文本输入或viewModel属性，以直观和同步地更新所有这些控件。但这是我的观察。通过拖动拇指、更新viewModel和输入文本控件值来更改范围滑块值更改控制台中的范围属性(如。viewModel.range=-10不更新文本输

浏览 0提问于2013-12-10得票数 0

1回答

如何在html5输入[type=range]中实现背景色？

css

因为我只在webkit中工作，所以我设计它是因为我的愿望来自于许多网络sources.here，这是我为滑块(inputtype=range)设计的。webkit-appearance:none; background-color:#000; height:5px;现在的问题是滑块应该包含两种颜色ALso，我想在滑块中得到拇指的原始图像。这有可能吗？

浏览 2提问于2011-03-02得票数 2

2回答

用户交互后距离滑块不更新的位置

javascript、html

我有一个简单的网页，有一个嵌入式视频和一个范围滑块作为一个进度条。Javascript在播放视频时更新范围滑块的value，并且可以使用该滑块在视频中来回移动。问题是，如果我与范围滑块交互以更改播放位置，那么即使视频正在播放并且javascript正在更新input元素的input，滑块也将不再可视地移动。。

浏览 2提问于2021-05-08得票数 3

回答已采纳

1回答

Javascript中的直方图滑块

jquery-plugins、svg、javascript、d3.js

我正在尝试建立一个滑块过滤器，使用户能够选择一个数字范围的过滤器。我想添加一个直方图图像(即svg)作为滑块的背景。目前我正在考虑d3.js或jQuery Sparkline，以及jQuery滑块或HTML5原生滑块元素。有人能对Javascript库有什么建议吗？

浏览 0提问于2012-05-11得票数 4

回答已采纳

1回答

如何使用输入范围改变背景图像？

html、ios、slider

基本上，我需要的是一个滑块(类似于输入type=“范围”，但处理iOS <5)，它控制一个div的背景。换句话说，n个背景中的每个背景都应该与输入滑块尺度上的特定范围相关联。由于我在javascript中只有非常基本的知识，因此从无到有地编写定制的东西是不可能的。也许有人能指出一个现有的解决方案？

浏览 2提问于2011-10-27得票数 0

1回答

使用javascript中的输入范围更改带有图像引用的背景色

javascript、jquery

我有一个图像和一个输入范围滑块在上面，当我滑动滑块时，我需要根据图像上的颜色改变身体的背景。在javascript中可以这样做吗?还是我们需要使用另一种方法呢？这就是我的形象。当我把滑块移到最左边的时候，我需要背景像图像中的黄色，当我把它移到最右边的时候，它应该是绿色的。

浏览 0提问于2016-02-09得票数 0

回答已采纳

3回答

如何触发“输入更改”函数取决于使用javascript的textbox值

javascript、jquery、html

我使用的是带有文本框的范围滑块，所以每当我滑动范围时，就会在文本框中更新值。此外，每当我更改文本框中的值时，滑块将相应移动。使用javascript，当我手动滑动范围时，我还会将滑块的较低颜色更改为orange.This，但是移动滑块时面临的问题取决于手动文本框值的更新。滑块正在移动，但较低部分的颜色没有更新。我认为这是因为在变化函数和范围内没有触发。请让我知道如何通过</

浏览 1提问于2018-03-06得票数 5

回答已采纳

1回答

带直接数字输入的距离滑翔机

javascript、html、forms

是否可以使用表单字段中的范围滑块，并允许用户通过键入数字输入值，即在同一个表单字段上输入type=" range“和输入type=" number”，其中一个使用重写另一个？min="0" max="5000" id="monday" name="monday" value="0" step="50" oninput="showValue1(this.value)" /&g

浏览 1提问于2017-05-25得票数 1

回答已采纳

2回答

是否可以为HTML5输入滑块触发input事件？

javascript、jquery、html、forms

我有一个HTML5输入滑块，我正在通过JavaScript进行更改(在我的示例中，我用jquery滑块来更改它，但也可能由于其他用户输入而更改它，例如，单击这个按钮进行1x，2x缩放等)。滑块具有附加的oninput事件，因此当用户更改滑块值时，它将更新用户界面。问题是，通过JavaScript更改值并不会触发oninput事件，我尝试过做rangeInputRa

浏览 7提问于2015-04-09得票数 3

回答已采纳

1回答

如何在JavaScript中更改滑动范围滑块后的窗口位置

javascript、asp.net-mvc

我在MVC3应用程序中使用范围滑块，该怎么做呢？我的代码 $(function () {

浏览 0提问于2013-04-17得票数 1

回答已采纳

1回答

如何将html范围滑块标记为灰色(所有已选中的区域)？

javascript、jquery、html、css、twitter-bootstrap

我使用html、css、bootstrap 3、javascript/jquery。我想要标记的html范围滑块不同的颜色，而不是滑块的背景颜色时，用户增加滑块拇指。

浏览 0提问于2015-09-12得票数 0

1回答

jQuery滑块-设置背景颜色以显示所需的范围

jquery、user-interface、slider

我正在设置一个细丝组jQuery UI滑块，并在成绩册中使用它。对如何实现这一点有什么建议吗？根据我使用Firebug的实验，它看起来像是设置了一个<div class="ui-slider"

浏览 0提问于2010-06-08得票数 1

2回答

在“闪亮”中，如何更改范围滑块标签的格式？

css、r、shiny、rangeslider、ion-range-slider

我正在尝试更改范围滑块标签的格式。在下面的代码中，.irs-single { color: black; background: transparent }删除常规滑块(顶部)中标签的默认蓝色背景，但它对范围滑块(底部)的标签没有影响。)} 我尝试添加以下每一项，直接针对范围滑块</em

浏览 0提问于2019-02-27得票数 1

回答已采纳

12回答

改变JQuery滑块的背景色

jquery、jquery-ui

我知道，我可以通过执行以下操作来设置从min到当前滑块选择的值的背景色：如何设置整个滑块的背景色(不只是从最小值或最大值到选定值

浏览 7提问于2010-03-07得票数 20

点击加载更多