Cross-browser range input style

[dringsim]

<input type="range" /> has different styles in different browsers: Edge (Chromium): Firefox: It's better to have a unified style.

[alistair3149]

It is a bit of headache since browsers and OS have different implementations for native elements and just HTML and CSS are not enough to unify the input (looking at you Webkit).

If we are to consider using a custom range input, we will likely use Codex but it is an awkward timing at the moment due to the transition from OOUI to Codex.

• Citizen has to support the latest MW LTS (e.g. 1.39). Codex was experimental on 1.39 and is in active development. Things can change all the time and it will be a lot of maintenance to catch up with the changes while having to support multiple MW and Codex version from 1.39 to latest stable.
• Codex might have performance overhead from loading a library. OOUI has that problem back then since using it require loading the entire library. It seems that Codex does not by looking at Vector 2022, but I am unsure.
• OOUI is not an option since it is going to be replaced by Codex.

Based on the above considerations, this will probably be re-visited again when the next LTS drops.