                        课程
                    
                        /前端开发
                        
                            /Vue.js
                        
                        /快速入门Web阅读器开发

进度条选中后出现蓝色边框

不知道是不是因为它默认选中出现蓝色边框？

qq_AdolfMatthew_0

2019-07-06

源自：快速入门Web阅读器开发 3-11

关注问题我要回答

962

操作

收起

1 回答

幕布斯617278
2019-09-15

出现蓝框应该是input的outline吧,把outline设置成none.

/*横条样式*/
input[type=range] {
  -webkit-appearance: none;/*清除系统默认样式*/
  outline: none;
}
 
/*拖动块的样式*/
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;/*清除系统默认样式*/
}