Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- input[type=range] {
- -webkit-appearance: none;
- width: 100%;
- margin: 10.8px 0;
- }
- input[type=range]:focus {
- outline: none;
- }
- input[type=range]::-webkit-slider-runnable-track {
- width: 100%;
- height: 8.4px;
- cursor: pointer;
- box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
- background: #3071b0;
- border-radius: 1.3px;
- border: 0.2px solid #010101;
- }
- input[type=range]::-webkit-slider-thumb {
- box-shadow: 0px 0px 0.2px #000000, 0px 0px 0px #0d0d0d;
- border: 1.2px solid #000000;
- height: 30px;
- width: 16px;
- border-radius: 2px;
- background: #ffffff;
- cursor: pointer;
- -webkit-appearance: none;
- margin-top: -11px;
- }
- input[type=range]:focus::-webkit-slider-runnable-track {
- background: #3379bc;
- }
- input[type=range]::-moz-range-track {
- width: 100%;
- height: 8.4px;
- cursor: pointer;
- box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
- background: #3071b0;
- border-radius: 1.3px;
- border: 0.2px solid #010101;
- }
- input[type=range]::-moz-range-thumb {
- box-shadow: 0px 0px 0.2px #000000, 0px 0px 0px #0d0d0d;
- border: 1.2px solid #000000;
- height: 30px;
- width: 16px;
- border-radius: 2px;
- background: #ffffff;
- cursor: pointer;
- }
- input[type=range]::-ms-track {
- width: 100%;
- height: 8.4px;
- cursor: pointer;
- background: transparent;
- border-color: transparent;
- color: transparent;
- }
- input[type=range]::-ms-fill-lower {
- background: #2d69a4;
- border: 0.2px solid #010101;
- border-radius: 2.6px;
- box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
- }
- input[type=range]::-ms-fill-upper {
- background: #3071b0;
- border: 0.2px solid #010101;
- border-radius: 2.6px;
- box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
- }
- input[type=range]::-ms-thumb {
- box-shadow: 0px 0px 0.2px #000000, 0px 0px 0px #0d0d0d;
- border: 1.2px solid #000000;
- height: 30px;
- width: 16px;
- border-radius: 2px;
- background: #ffffff;
- cursor: pointer;
- height: 8.4px;
- }
- input[type=range]:focus::-ms-fill-lower {
- background: #3071b0;
- }
- input[type=range]:focus::-ms-fill-upper {
- background: #3379bc;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement