Html 放大范围输入

我想有一个更大的光标和栏（不是更长）的范围输入

---

截至2018年底，没有跨浏览器的方法来实现这一点，但在大多数浏览器中都有实现这一点的方法

• Firefox:

  ：：-moz-range-thumb

  和

  ：：-moz-range-track

• Chrome:

  ：：-webkit滑块拇指

  和

  ：：-webkit滑块可运行轨迹

• 边缘：

  ：：-ms thumb

  和

  ：-ms track

• 萨法里：不确定

---

有关如何使用这些伪元素的更完整的指南和示例，请参见checkout

，我假设“越大”只意味着要抓取和拖动的区域越大，因此这应该是可行的：

#范围{
位置：相对位置；
变换：缩放（1.3）；/*或您想要的大小*/
变换原点：0；
}

---

如果您想使用内置范围输入（而不是自定义输入），可以使用多种特定于浏览器的样式：谢谢您的回答。自定义输入是什么意思？为了使输入看起来像范围输入，自定义输入是否更简单？如果是这样的话，你有一个代码片段吗？你可以把目标范围放在inputHow中，它是不是有黑客行为？这正是我想要的。嗯，因为可能有副作用，你必须小心。因为变换不在流中，所以大部分元素是重叠的