Скрыть или изменить метку значения для ввода диапазона в IE10

У меня есть диапазон ввода с пользовательской меткой, отображающей текст, который соответствует входному значению. Это хорошо работает, за исключением того, что Internet Explorer 10 также отображает собственную метку, подобную подсказке, содержащую значение. Беда в том, что эта подсказка затмевает мою метку. Он также отображает целочисленное значение, где фактическое значение элемента управления является плавающим.

range input showing overlapping labels in IE 10

Я не могу понять, как скрыть ярлык или изменить его текст. Он отделен от всплывающей подсказки и не отвечает на атрибут title. Он также не отвечает на z-index, поэтому я не могу просто расположить над ним свою надпись. Я не вижу никакой собственности, упомянутой в документации, которая обеспечивала бы доступ к метке.

Демо: jsfiddle.net/KzWrs

Ответы

Ответ 1

для WinJS вы можете использовать ::-ms-tooltip селектор псевдоэлементов (как упоминалось здесь Удалить всплывающую подсказку из слайдера

Применяет один или несколько стилей к всплывающей подсказке ползунка (тип ввода = диапазон). Обратите внимание, что для всплывающей подсказки -ms-tooltip применимы только свойства стиля отображения и видимости.

... однако для IE10 он не работает (по крайней мере, когда я тестировал).

::-ms-tooltip приведен в документации CSS в MSDN для псевдоэлементов, однако нет ссылки на страницу содержания, обсуждающую псевдоэлемент

Я подозреваю, что реализация неполна...

EDIT: когда я тестировал первый раз, когда он был в Windows 8 Consumer Preview vm, тестирование на Windows 8 RTM работает!

EDIT: исправленный префикс штриховки ::-ms-tooltip

input[type=range]::-ms-tooltip {
    display: none;
}