css - jquery モバイル スライダーのスピン ボタンの色を変更する

Question

jquery モバイル スライダー ボタンを使用しています

<input type="range" name="slider" id="slider-0" value="25" min="0" max="100" step="5" />

スライダーは自動的にテキスト入力を生成し、Chrome ではテキスト入力内にスピン ボタンも配置します。このスピンボタンの色を変更する方法を知っている人はいますか?

Answer 1

別のテーマを使用することも、テーマローラーを使用することもできます

ここからコピー：上/下矢印を削除したいだけの場合は、指定された幅/高さの要素で入力をラップできますoverflow : hidden：

$(".ui-slider-input").wrap($('<div />').css({
    position : 'relative',
    display  : 'inline-block',
    height   : '36px',
    width    : '45px',
    overflow : 'hidden'
}));

Answer 2

HTML要素でない限り、スクロールバー/スピンボタンの色を変更することはできません。IE は例外であり、これを許可していますが、Web 標準ではなく、他の場所ではサポートされていません。回避策として、ブラウザーで作成されたスピン ボタンを非表示にして、DIV タグで構成される独自のカスタム スピン ボタンを適切なイベント ハンドラーに置き換えることができます。