使用 CSS 创建可访问的范围滑块

使用 <input type="range"> 并 用 CSS 塑造它 的 可访问性技巧，而不是放弃并用 div 或其他东西重新构建它，然后忘记可访问性。

最巧妙的例子使用了一个倾斜的 linear-gradient 背景，使输入看起来像一个音量滑块，其中左侧 = 低，右侧 = 高。