隱藏或更改IE10中範圍輸入的值標籤

我有一個帶有自定義標籤的範圍輸入，顯示對應於輸入值的文本。除了Internet Explorer 10還顯示其自己的包含該值的類似工具提示的標籤之外，此方法運行良好。麻煩的是，這個工具提示遮蓋了我的標籤。它還顯示一個整數值，其中控件的實際值是一個浮點數。隱藏或更改IE10中範圍輸入的值標籤

range input showing overlapping labels in IE 10

我無法弄清楚如何隱藏的標籤或修改其文本。它與工具提示是分開的，並且不響應title屬性。它也不響應z-index，所以我不能將我的標籤放在它的上面。我沒有看到the documentation中提到的任何可以訪問標籤的屬性。

演示：jsfiddle.net/KzWrs

來源

2013-03-18 gilly3

爲WinJS可以使用::-ms-tooltip僞元件選擇器（如這裏提到Remove tooltip from Slider

應用一個或多個樣式的滑塊（INPUT TYPE =範圍）的工具提示。請注意，只有顯示和可見性樣式屬性適用於-ms-tooltip。

~~...但對於IE10，它似乎不工作（至少在我測試的時候）。~~

::-ms-tooltip在CSS documentation on MSDN for pseudo-elements上市然而有一個內容頁沒有鏈接討論僞元素

~~我懷疑實施是不完整的...~~

編輯：當我測試它首次在Windows 8 Consumer Preview vm上測試，它可以在Windows 8 RTM上運行！

編輯：糾正破折號前綴::-ms-tooltip

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

來源

2013-03-18 22:02:29 MikeM

完美。它適用於我：http://jsfiddle.net/KzWrs/1/。由於windows html應用程序在三叉戟上運行，所以[windows store應用程序參考頁]（http://msdn.microsoft.com/en-us/library/windows/apps/hh465805.aspx）可能足夠準確，與IE10相同。它提到'display'和'visibility'是唯一可修改的屬性，這對我來說已經足夠了。 – gilly3 2013-03-18 22:36:50

我相信應該（現在？）是':: - ms-tooltip'（注意第一個連字符）。 – 2016-06-27 20:18:59

@NateWhittaker謝謝，我錯過了第一個連字符 – MikeM 2016-06-28 14:58:28

隱藏或更改IE10中範圍輸入的值標籤

回答

相關問題