jquery ...当输入范围悬停时...强制-webkit-slider-thumb跟随鼠标

时间:2017-07-21 11:52:47

标签: javascript jquery

当用户将鼠标悬停在输入范围之上时,是否有办法强制-webkit-slider-thumb跟随鼠标?

body {background: #f6f6f6;}

input[type="range"]{
  -webkit-appearance:none;
  width:100%;
  height:190px;
  background: teal;}

input[type="range"]::-webkit-slider-thumb{
  -webkit-appearance:none;
  width:10px;
  height:190px;
  background: white;
  opacity: .5;}

input:focus {outline: none;}
<input type="range"/>

0 个答案:

没有答案