HTML5のレンジ(スライダーバー)<input type="range">についてご質問させてください。
表示環境はIE11です。
スライダーバーのつまみをドラッグ中の色を変えたいです。
■現状
現状のソースは下記のとおりです。
---htmlファイル--------------------------
<input id="range" type="range" step="1" min="0" max="10" ></input>
---cssファイル----------------------------
input[type="range"]::-ms-thumb:hover{
background: #AFEEEE;
border-color: #00BFFF;
}
input[type="range"]::-ms-thumb.drag{
background: #AFEEEE;
border-color: #00BFFF;
}
input[type="range"]::-ms-thumb.dragstart{
background: #AFEEEE;
border-color: #00BFFF;
}
これで表示させた場合、つまみの上にカーソルがあるときのみ、色変えされます。
「drag」、「dragstart」は効いていないようです。
■質問1
cssでドラッグ中だけ色がえすることは可能でしょうか?
■質問2
javascriptで色がえする必要がある場合はjavascriptから「input[type="range"]::-ms-thumb」を参照する方法をご教示願います。
よろしくお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。