Html 输入带有记号的[type=range]样式

这是我们的后续问题。在CSS技巧中，他们描述了一种跨浏览器样式a

type=range

input的方法，这种方法非常有效。。。除了CSS

输入[类型=范围]{
外观：无；/*不验证*/
-o-外观：无；
-moz外观：无；
-webkit外观：无；/*清除勾号*/
}

10
20
30
40
50
60
70
80
90
100
110

请像这样使用

输入[type=“range”]

---

我可以通过使

-slider runnable track-

的背景色与包含元素的背景色相同的方式来破解它。注意，我只包含了用于-webkit-browsers的代码。其他浏览器将是不言自明的：

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: rgb(255,255,255);
}

这将隐藏滑动条，但保留记号

---

这里是小提琴：

这将做什么，如何做？我的CSS绒线非常好。这不是解决这个问题的实际方法，问题是我们确实希望保持默认外观为无，并且仍然可以看到刻度。。但是看起来这是不可能的EneVermind，我不得不手动使用CSS伪元素，全部使用：：after{}，现在看起来非常好…@msqar你能发布一个例子吗？@1.21gigawatts嘿，对不起，我现在不知道代码了，我一年前发布的。但是如果我使用伪元素CSS修复了这个问题，你需要一个工作示例吗？我可以试着去寻找它。