2016-12-13 8 views
0

これを理解しようとしていて、Google上で何も見つけられませんでしたが、その下にある値ラベルを隠す方法現在のスライドバーの値を示すinput type = "range"(スライドバー)要素。入力タイプ= "範囲"の要素で値ラベルを非表示にする方法

私は、このラベルが常にHTMLスライドバーに表示されるわけではないが、クロム(バージョン54.0.2840.98)とサファリ(バージョン10.0.1)それは常に私の場合に現れます。たとえば、この一行は:

<input type="range" min="0" max="100"> 

常に出力:

enter image description here

スライドバーの下にその数は私がを取り除くために何をしたいです!私は絶望的な助けてください!

答えて

0

ここでは、それを非表示にする方法と、必要に応じてカスタマイズする方法について説明しています。 http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html

+0

回答をいただきありがとうございますが、答えを探している間に文字通りこのサイトにアクセスしましたが、スライドバーのスタイルを設定することはできますが、それでも消えることはありません。私はまた、スライダの表示を次のように表示するように設定することもできます。私はまだ数字を見ることができるでしょう! –

0

このラベルが表示される理由と、それをどうやって取り除くのかを完全には分かりませんでした。しかし、このラベルは親要素(私の場合はdiv要素)からそのスタイルを継承しているので、親要素のcolorcolor: transparent;に設定して終了すると、それ以上の厄介なラベルはありません。

私はこれが誰かを助けてくれることを願っています!

EDIT

実はそれは<span>要素が自動的にあなたができるよう、親要素をループもその値を表示するスライドバーを使用して作成し、ドキュメントから削除されていたいくつかの理由で判明あなたがそう選ぶなら、そこに。

関連する問題