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

来源:3-11 阅读进度功能实现

qq_AdolfMatthew_0

2019-07-06 16:02

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

写回答 关注

1回答

  • 幕布斯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;/*清除系统默认样式*/
    }


快速入门Web阅读器开发

带你了解电子书阅读器的工作原理,通过Vue.js快速实现Web阅读器

26396 学习 · 214 问题

查看课程

相似问题