gpt4 book ai didi

javascript - 更改范围 slider 颜色的最简单方法是什么?

转载 作者:行者123 更新时间:2023-11-28 00:00:17 24 4
gpt4 key购买 nike

我想为输入标签使用一个范围。我也想使用标准的 HTML。所以

<input type="range">

在拇指前后设置条形样式的最简单方法是什么?

我想要两种颜色:一种在拇指之前,另一种颜色在拇指之后。

我玩过 JavaScript,但所有的解决方案都很大且难以处理。

我正在为我的 WebApp 使用 AngularJS,所以:

  • 谁能推荐一个 Angular 插件?
  • jQuery Range-Slider 是否比标准的更容易处理?
  • 是否有任何 CSS 选择器可供使用?

最佳答案

由于您使用的是 <input type="range"> ,我认为对旧浏览器的支持不是问题。此解决方案依赖于 background-size , IE < 8 ( http://caniuse.com/#search=background-size ) 不支持

这个 fiddle 演示了如何在 jQuery 中完成;

http://jsfiddle.net/LP5XA/

它只是 slider 中的背景图像,当 slider 移动时会拉伸(stretch)。

关于javascript - 更改范围 slider 颜色的最简单方法是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21702133/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com