Submitted about 2 years ago

Interactive pricing component using flex css js

#accessibility

Ganesh• 280

@Ganesh-Rathor

Preview site View code

This is a solution for...

Interactive pricing component

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

Nice challenge for me.

why is the styling on slider are appear only in mozilla firefox browser (because of using -moz-range-thumb) then how to solve this issue and serve the style to all other browser. everything that I style are invisible in my brave browser why and how to solve it. plese give me feedback.

Community feedback

Byron• 2,180

@byronbyron

Posted about 2 years ago

@Ganesh-Rathor To style range input on chrome/brave (webkit) you can use:

input[type=range]::-webkit-slider-runnable-track {}
input[type=range]::-webkit-slider-thumb {}

Marked as helpful

Please log in to post a comment

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