2013-03-18 10 views
12

Ich habe eine Bereichseingabe mit einem benutzerdefinierten Etikett Text anzeigt, der dem Wert der Eingabe entspricht. Dies funktioniert gut, außer dass der Internet Explorer 10 auch eine eigene QuickInfo-ähnliche Beschriftung mit dem Wert anzeigt. Das Problem ist, dass dieser Tooltip mein Label verdeckt. Es zeigt auch einen ganzzahligen Wert an, wobei der tatsächliche Wert des Steuerelements ein Gleitkommawert ist.Verbergen oder ändern Sie die Wertbezeichnung für einen Bereich Eingabe in IE10

range input showing overlapping labels in IE 10

Ich kann nicht herausfinden, wie das Etikett zu verstecken oder den Text ändern. Es ist von der QuickInfo getrennt und reagiert nicht auf das Titelattribut. Es reagiert auch nicht auf z-index, so dass ich meine Beschriftung nicht einfach darüber positionieren kann. Ich sehe keine Eigenschaft erwähnt in the documentation, die Zugriff auf das Etikett bieten würde.

Demo: jsfiddle.net/KzWrs

Antwort

15

für WinJS können Sie das ::-ms-tooltip Pseudo-Element-Selektor (wie hier erwähnt Remove tooltip from Slider

Gilt ein oder mehrere Stile auf den Tooltip eines Schiebers (input type = Bereich). beachten sie, dass nur die Anzeige und Sichtbarkeit stil~~POS=TRUNC für einen -ms-Tooltip anwendbar sind.

... aber für IE10 es nicht zu funktionieren scheint (zumindest wenn ich getestet habe).

::-ms-tooltip in der CSS documentation on MSDN for pseudo-elements aufgelistet aber es gibt keinen Link zu einer Inhaltsseite Diskussion über die Pseudo-Element

I Implementierung vermuten unvollständig ist ...


EDIT: wenn ich getestet das erste Mal war es auf Windows 8 Consumer Preview vm, testet auf Windows 8 RTM es funktioniert!

EDIT: korrigierte dash prefix ::-ms-tooltip

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

Perfect. Es funktioniert für mich: http://jsfiddle.net/KzWrs/1/. Die [windows store apps referenzseite] (http://msdn.microsoft.com/en-us/library/windows/apps/hh465805.aspx) ist wahrscheinlich genau genug, da Windows-HTML-Apps auf Trident laufen, genauso wie IE10. Es erwähnt, dass 'display' und' visibility' die einzigen veränderbaren Attribute sind, und das reicht mir. – gilly3

+0

Ich glaube, dass sollte (jetzt?) Sein ::: - ms-tooltip (beachten Sie den ersten Bindestrich). –

+0

@NateWhittaker danke, mir fehlte der erste Bindestrich – MikeM