mirror of
https://github.com/turboderp-org/exui.git
synced 2026-05-11 16:30:18 +00:00
56 lines
1.5 KiB
CSS
56 lines
1.5 KiB
CSS
|
|
input[type=range] {
|
|
-webkit-appearance: none;
|
|
margin: 4px 0;
|
|
width: 100%;
|
|
background: transparent;
|
|
}
|
|
input[type=range]:focus {
|
|
outline: none;
|
|
background: var(--background-color-body);
|
|
}
|
|
input[type=range]::-webkit-slider-runnable-track {
|
|
width: 100%;
|
|
height: 8.4px;
|
|
cursor: pointer;
|
|
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
background: var(--slider-track-color);
|
|
border-radius: 1.3px;
|
|
border: 0.2px solid #010101;
|
|
}
|
|
input[type=range]::-webkit-slider-thumb {
|
|
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
border: 1px solid #000000;
|
|
height: 16px;
|
|
width: 16px;
|
|
border-radius: 3px;
|
|
background: var(--slider-thumb-color);
|
|
cursor: pointer;
|
|
-webkit-appearance: none;
|
|
margin-top: -5px;
|
|
}
|
|
input[type=range]:hover::-webkit-slider-runnable-track {
|
|
/* background: var(--slider-hover-color);*/
|
|
}
|
|
input[type=range]::-moz-range-track {
|
|
width: 100%;
|
|
height: 6.4px;
|
|
cursor: pointer;
|
|
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
background: var(--slider-track-color);
|
|
border-radius: 1.3px;
|
|
border: 0.2px solid #010101;
|
|
}
|
|
input[type=range]::-moz-range-thumb {
|
|
box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
|
|
border: 1px solid #000000;
|
|
height: 13px;
|
|
width: 13px;
|
|
border-radius: 3px;
|
|
background: var(--slider-thumb-color);
|
|
cursor: pointer;
|
|
}
|
|
input[type=range]:hover::-moz-range-track {
|
|
/* background: var(--slider-hover-color);*/
|
|
}
|