📜  更改范围滑块 html 的高度 - CSS 代码示例

📅  最后修改于: 2022-03-11 14:47:36.638000             🧑  作者: Mango

代码示例1
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    border-radius: 100px;
    background: #000957;
    cursor: pointer;
    border: none;
}

input[type=range] {
    -webkit-appearance: none;
    outline: 0;
    margin: 0;
    padding: 0;
    height: 15px;
    width: 320px;
    border-radius:100px;
}