64 lines
1.4 KiB
CSS
64 lines
1.4 KiB
CSS
input[type=range],
|
|
input[type=range]::-webkit-slider-runnable-track,
|
|
input[type=range]::-webkit-slider-thumb {
|
|
appearance: none;
|
|
}
|
|
|
|
input[type=range] {
|
|
background: transparent;
|
|
}
|
|
|
|
input[type=range]::-moz-range-thumb {
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
background: rgba(228, 228, 231);
|
|
border: 0;
|
|
border-radius: 0.5rem;
|
|
}
|
|
|
|
input[type=range]::-moz-range-progress {
|
|
background: #525259;
|
|
height: 0.5rem;
|
|
border-radius: 0.25rem;
|
|
}
|
|
|
|
input[type=range]::-moz-range-track {
|
|
background: rgba(39, 39, 42, 0.5);
|
|
height: 0.5rem;
|
|
border-radius: 0.25rem;
|
|
}
|
|
|
|
input[type=range].input-range-reverse::-moz-range-progress {
|
|
background: #2d2d31;
|
|
height: 0.5rem;
|
|
border-radius: 0.25rem;
|
|
}
|
|
|
|
input[type=range].input-range-reverse::-moz-range-track {
|
|
background: rgba(113, 113, 122, 0.5);
|
|
height: 0.5rem;
|
|
border-radius: 0.25rem;
|
|
}
|
|
|
|
input[type=range]::-webkit-slider-thumb {
|
|
width: 1.25rem;
|
|
height: 1.25rem;
|
|
background: rgba(228, 228, 231);
|
|
border: 0;
|
|
border-radius: 0.5rem;
|
|
position: relative;
|
|
top: -0.4rem;
|
|
}
|
|
|
|
input[type=range]::-webkit-slider-runnable-track {
|
|
background: rgba(39, 39, 42, 0.5);
|
|
height: 0.5rem;
|
|
border-radius: 0.25rem;
|
|
}
|
|
|
|
input[type=range].input-range-reverse::-webkit-slider-runnable-track {
|
|
background: rgba(39, 39, 42, 0.5);
|
|
height: 0.5rem;
|
|
border-radius: 0.25rem;
|
|
}
|