在输入[type = range]上显示刻度标记

Question

我正在创建一个Windows 8应用程序，需要创建一个也显示刻度线的垂直滑块。通过应用特定于窗口的类：win-vertical，我可以让范围滑块垂直显示。

还有输入[type = range] :: - ms-ticks-after和输入[type = range] :: - ms-ticks-before的psuedo-selectors，但我找不到任何关于如何使用它们的文档正确地，我添加到他们的任何规则似乎都没有做任何事情。任何帮助将不胜感激。 THX

Answer 1

您是否尝试过-ms-track选择器？详细信息如下：http://msdn.microsoft.com/en-us/library/windows/apps/hh465813.aspx

我在IE10中测试了这个（应该相当于Windows 8），我可以使用以下CSS将刻度线设置为红色。

input[type=range]::-ms-track { color: red; }