Range Slider -如何在IE/Edge上设置样式？

input[type="range"] {
  -webkit-appearance: none; /* 隐藏默认样式 */
  width: 100%; /* 设置宽度 */
  height: 10px; /* 设置高度 */
  background-color: #ddd; /* 设置背景颜色 */
  border-radius: 5px; /* 设置圆角 */
  outline: none; /* 去除轮廓线 */
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none; /* 隐藏默认样式 */
  width: 20px; /* 设置滑块宽度 */
  height: 20px; /* 设置滑块高度 */
  background-color: #333; /* 设置滑块颜色 */
  border-radius: 50%; /* 设置滑块为圆形 */
  cursor: pointer; /* 设置鼠标样式为手型 */
}

input[type="range"]::-moz-range-thumb {
  width: 20px; /* 设置滑块宽度 */
  height: 20px; /* 设置滑块高度 */
  background-color: #333; /* 设置滑块颜色 */
  border-radius: 50%; /* 设置滑块为圆形 */
  cursor: pointer; /* 设置鼠标样式为手型 */
}

input[type="range"]::-ms-thumb {
  width: 20px; /* 设置滑块宽度 */
  height: 20px; /* 设置滑块高度 */
  background-color: #333; /* 设置滑块颜色 */
  border-radius: 50%; /* 设置滑块为圆形 */
  cursor: pointer; /* 设置鼠标样式为手型 */
}

<input type="range" class="custom-range-slider">