html滑块控件属性,HTML5 自定义带标签的范围输入滑块控件

CSS

语言：

CSSSCSS

确定

body {

padding: 100px;

background: white;

}

.range {

position: relative;

width: 550px;

height: 5px;

}

.range input {

width: 100%;

position: absolute;

top: 2px;

height: 0;

-webkit-appearance: none;

}

.range input::-webkit-slider-thumb {

-webkit-appearance: none;

width: 18px;

height: 18px;

margin: -8px 0 0;

border-radius: 50%;

background: #37adbf;

cursor: pointer;

border: 0 !important;

}

.range input::-moz-range-thumb {

width: 18px;

height: 18px;

margin: -8px 0 0;

border-radius: 50%;

background: #37adbf;

cursor: pointer;

border: 0 !important;

}