elementui修改滑塊樣式
阿新 • • 發佈:2021-02-06
技術標籤:vue+elementui
效果圖:
css樣式該樣式寫的時候不要加scoped,否則會沒有用
// 禁用時的樣式
.el-slider__runway.disabled .el-slider__bar{
background-color: #e0eaf3;
}
.el-slider__button {
width: 10px;
height: 15px;
background: #7589d4;
border: none;
border-radius: 0;
}
.el-slider__bar{
background-color : #e0eaf3;
height: 15px;
}
.el-slider__runway{
background-color: #e0eaf3;
height: 15px;
border-radius: 0;
}
.el-slider__button-wrapper{
top: -10px;
}