::-moz-range-track

この記事は翻訳が完了していません。 この記事の翻訳にご協力ください

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

::-moz-range-track CSS 疑似要素は、 type="range" の <input> でインジケーターがスライドする track (例, 溝) を表す Mozilla 拡張機能 です。

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

構文

::-moz-range-track

HTML

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

CSS

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

結果

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

A range with the track green.

仕様

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

ブラウザー実装状況

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
::-moz-range-track
非標準
Chrome 未対応 なしEdge 未対応 なしFirefox 完全対応 21IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 21Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし

凡例

完全対応  
完全対応
未対応  
未対応
非標準。ブラウザー間の互換性が低い可能性があります。
非標準。ブラウザー間の互換性が低い可能性があります。

関連項目