IE10で<input type='range' />要素のスタイルを設定します。デフォルトではIE10で<input type = 'range' />スタイルを設定する方法
、IE 10スタイル、このような要素： 
私は黒に、赤と青灰色、黄色の小さなバー、少し色を変え、それを少し、発言権をカスタマイズしたいです黒いスクラバーを白くする。 CSSのbackground-colorプロパティとcolorプロパティを上書きしようとしました。しかし、それは動作しませんでした。
アイデア？
IE10で範囲コントロールをスタイルするために使用できる多数の擬似要素があります。
親指の後ろの部分を着色します。親指の使用前のスタイルに： - 目盛りが::-ms-ticks-before、::-ms-ticks-after、または::-ms-trackでスタイルすることができながら、MS-親指
input[type="range"]::-ms-fill-lower {
background-color: lime green;
}
あなたが::使用することができます親指のスタイルを設定するにはを参照してください（後者は両面スタイル）。あなたが求めているスタイルは、次のフィドルのように達成することができhttp://msdn.microsoft.com/en-us/library/ie/hh869604(v=vs.85).aspx
でコントロールするためのさまざまな擬似要素についての詳細を調べることができます：http://jsfiddle.net/K8WyC/8/
ありがとうございます。これは素晴らしいです！ –
この「入力範囲」要素の「ドラッグ終了」イベントが何であるか知っていますか？ –
dragendは、HTML5のドラッグ＆ドロップであり、特にレンジ要素ではありません。 http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html#event-dragend –
あなたは、マイクロソフトCSSの擬似要素を使用することができます。
Here the full Microsoft pseudo list...
IE10
Here is a page with styled IE10 range controls （IE10で開く）
のWebKitの
他のブラウザ前の回答で
、
::-ms-ticks
が
をお読みください::-ms-track
（これは通常のトラックです）。ティックカラーは、
::-ms-track {color:red;}
によって設定されます。ティックの高さはトラックの高さで、幅は設定できません。マダニは
::-ms-track {color:transparent;}
擬似要素
::-ms-ticks-before,
::-ms-ticks-after {
display:block; (or inline-block)
color:red;
height:10px;
}
と、よく知られているように、抑制されているトラックの上下追加ティックを作成します。色と高さを設定できます。ティックの幅は設定できません。 ディスプレイが必要です。
IE10以降は、デフォルトのの垂直パディングがあります。上部のパディングは17ピクセル、下部のパディングは32ピクセルです。これはデフォルトでハイスライダを作成します。したがって、
padding:0px;
が適用可能です。 （https://connect.microsoft.com/IE/feedback/details/792971/input-type-range-has-vertical-padding-by-defaultを参照してください。）
（私はまだコメントできませんので、このように投稿します）
この質問がありましたか？ - http://stackoverflow.com/questions/3556157/how-to-customize-the-html5-input-range-type-looks-using-css – lifetimes
ありがとう！非常に役立ちます！ –