92 lines
2.7 KiB
CSS
92 lines
2.7 KiB
CSS
input[type=range].form-control-range {
|
|
-webkit-appearance: none;
|
|
width: 100%;
|
|
margin: 6.5px 0;
|
|
}
|
|
input[type=range].form-control-range:focus {
|
|
outline: none;
|
|
}
|
|
input[type=range].form-control-range::-webkit-slider-runnable-track {
|
|
width: 100%;
|
|
height: 3px;
|
|
cursor: pointer;
|
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
|
|
background: #bbbbbb;
|
|
border-radius: 0px;
|
|
border: 0px solid rgba(255, 255, 255, 0);
|
|
}
|
|
input[type=range].form-control-range::-webkit-slider-thumb {
|
|
box-shadow: 0px 0px 0px rgba(255, 255, 255, 0), 0px 0px 0px rgba(255, 255, 255, 0);
|
|
border: 0px solid rgba(227, 242, 253, 0.7);
|
|
height: 16px;
|
|
width: 16px;
|
|
border-radius: 7px;
|
|
background: #2196f3;
|
|
cursor: pointer;
|
|
-webkit-appearance: none;
|
|
margin-top: -6.5px;
|
|
}
|
|
input[type=range].form-control-range:focus::-webkit-slider-runnable-track {
|
|
background: #bbbbbb;
|
|
}
|
|
input[type=range].form-control-range::-moz-range-track {
|
|
width: 100%;
|
|
height: 3px;
|
|
cursor: pointer;
|
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
|
|
background: #bbbbbb;
|
|
border-radius: 0px;
|
|
border: 0px solid rgba(255, 255, 255, 0);
|
|
}
|
|
input[type=range].form-control-range::-moz-range-thumb {
|
|
box-shadow: 0px 0px 0px rgba(255, 255, 255, 0), 0px 0px 0px rgba(255, 255, 255, 0);
|
|
border: 0px solid rgba(227, 242, 253, 0.7);
|
|
height: 16px;
|
|
width: 16px;
|
|
border-radius: 7px;
|
|
background: #2196f3;
|
|
cursor: pointer;
|
|
}
|
|
input[type=range].form-control-range::-ms-track {
|
|
width: 100%;
|
|
height: 3px;
|
|
cursor: pointer;
|
|
background: transparent;
|
|
border-color: transparent;
|
|
color: transparent;
|
|
}
|
|
input[type=range].form-control-range::-ms-fill-lower {
|
|
background: #bbbbbb;
|
|
border: 0px solid rgba(255, 255, 255, 0);
|
|
border-radius: 0px;
|
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
|
|
}
|
|
input[type=range].form-control-range::-ms-fill-upper {
|
|
background: #bbbbbb;
|
|
border: 0px solid rgba(255, 255, 255, 0);
|
|
border-radius: 0px;
|
|
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0px 0px 1px rgba(13, 13, 13, 0);
|
|
}
|
|
input[type=range].form-control-range::-ms-thumb {
|
|
box-shadow: 0px 0px 0px rgba(255, 255, 255, 0), 0px 0px 0px rgba(255, 255, 255, 0);
|
|
border: 0px solid rgba(227, 242, 253, 0.7);
|
|
height: 16px;
|
|
width: 16px;
|
|
border-radius: 7px;
|
|
background: #2196f3;
|
|
cursor: pointer;
|
|
height: 3px;
|
|
}
|
|
input[type=range].form-control-range:focus::-ms-fill-lower {
|
|
background: #bbbbbb;
|
|
}
|
|
input[type=range].form-control-range:focus::-ms-fill-upper {
|
|
background: #bbbbbb;
|
|
}
|
|
|
|
|
|
|
|
|
|
input[type=range].form-control-range::-moz-focus-outer {
|
|
border: 0;
|
|
} |