Skip to content
Submitted over 3 years ago

price slider with html, css, and js

Noah•350
@npstrass
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Interactive pricing component
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

focus for me was on js but had trouble styling the 'filled' portion of the slider. resources suggested ::-ms-fill-lower but it didn't really solve the problem. the firefox specific solution worked, but not effective in other browsers. any suggestions??

Community feedback

  • Danil•20
    @neq95Posted over 3 years ago

    try this solution from stackoverflow https://stackoverflow.com/questions/18389224/how-to-style-html5-range-input-to-have-different-color-before-and-after-slider

    Marked as helpful
    1
    Noah•350
    @npstrassPosted over 3 years ago

    @neq95 appreciate the suggestion! this was actually one of the solutions i found when i was researching. i copied and pasted the entire section of code but it did not change anything. i even made a complete new project to test it on and still nothing. :( i will keep messing with it

    0
  • Ahmed Faisal•5,095
    @afrusselPosted over 3 years ago

    Overall good work. Try to Fit the box like design

    1

Please log in to post a comment

Log in with GitHub

Join 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