::-moz-range-track

非標準: この機能は標準ではなく、標準化の予定もありません。公開されているウェブサイトには使用しないでください。ユーザーによっては使用できないことがあります。実装ごとに大きな差があることもあり、将来は振る舞いが変わるかもしれません。

::-moz-range-track は CSS の擬似要素で、 Mozilla 拡張であり、 type="range" の <input> でインジケーターがスライドするトラック (すなわち、溝) を表します。

メモ: ::-moz-range-track を <input type="range"> 以外で使用すると、何にも一致せず、効果がありません。

構文

Error: could not find syntax for this item

例

HTML

html
<input type="range" min="0" max="100" step="5" value="50" />

CSS

css
input[type="range"]::-moz-range-track {
  background-color: green;
}

結果

このスタイルを使用するプログレスバーは、次のようになります。

A range with the track green

仕様書

標準の一部ではありません。

ブラウザーの互換性

BCD tables only load in the browser

関連情報