问答详情
源自:3-11 阅读进度功能实现

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

https://img4.mukewang.com/5d205551000172f319201030.jpg不知道是不是因为它默认选中出现蓝色边框?

提问者:qq_AdolfMatthew_0 2019-07-06 16:02

个回答

  • 幕布斯617278
    2019-09-15 21:34:42

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

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