Submitted about 2 years ago
Custom input styles and JS password generation web app
@Jason-Donmoyer
Design comparison
SolutionDesign
Solution retrospective
I have an issue with the linear-gradient that I used to style the range selector input. The color of the slide-bar does not change on mobile or tablet devices. Any input on how to correct this would be much appreciated!
Community feedback
- @ledminhPosted about 2 years ago
I guess it's because Safari does not support linear-gradient. This article might help.
Or use
ms-fill-lower
for the left color andms-fill-upper
for the right color in the CSS, like what I did in my solution.Something like this:
input[type=range]::-ms-fill-lower { background: base.$color5; } input[type=range]::-ms-fill-upper { background: base.$color4; }
If you try, please tell me which one works (or neither of them). I really need to know.
Marked as helpful0@Jason-DonmoyerPosted about 2 years ago@ledminh thanks I will let you know after I give it a try.
1
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord