15

入力の値に対応するテキストを表示するカスタムラベル付きの範囲入力があります。これは、InternetExplorer10が値を含む独自のツールチップのようなラベルも表示することを除いてうまく機能します。問題は、このツールチップが私のラベルを覆い隠してしまうことです。また、整数値も表示されます。ここで、コントロールの実際の値はfloatです。

IE10で重複するラベルを示す範囲入力

ラベルを非表示にする方法やテキストを変更する方法がわかりません。ツールチップとは別のものであり、title属性に応答しません。どちらにも反応しないz-indexので、ラベルをその上に配置することはできません。ラベルへのアクセスを提供するドキュメントに記載されているプロパティはありません。

デモ:jsfiddle.net/KzWrs

4

1 に答える 1

24

WinJSの場合、::-ms-tooltip疑似要素セレクターを使用できます(ここで説明されているように、スライダーからツールチップを削除します

スライダーのツールチップに1つ以上のスタイルを適用します(入力タイプ=範囲)。-ms-tooltipに適用できるのは、表示スタイルと表示スタイルのプロパティのみであることに注意してください。

...ただし、IE10の場合は機能しないようです(少なくともテストした場合)。

::-ms-tooltip疑似要素についてはMSDNのCSSドキュメントにリストされていますが、疑似要素について説明しているコンテンツページへのリンクはありません。

実装が不完全だと思います...


編集:Windows 8 Consumer Preview vmで初めてテストしたとき、Windows 8 RTMでテストすると機能します!

編集:ダッシュプレフィックスを修正::-ms-tooltip

input[type=range]::-ms-tooltip {
    display: none;
}
于 2013-03-18T22:02:29.320 に答える