如何使用ngStyle将图片实现到html5的输入范围？

Question

这是创建输入范围所需要的，我需要两个background-img： *一间酒吧 *另一个用于拖动到栏中的元素

HTML

<input type="range">

CSS

.slider {
  -webkit-appearance: none;
  background-image: url(https://trickspanda.com/wp-content/uploads/2014/01/HTML-Checkbox.png);
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 50px;
  height: 50px;
  background-image: url(https://trickspanda.com/wp-content/uploads/2014/01/HTML-Checkbox.png);
  cursor: pointer;
}

该如何使用ngStyle完成？我知道ngStyle不接受:: :: webkit-slider-thumb之类的伪选择器，但我确实需要它。 有人会提供解决方案，库或功能吗？

我真的需要呈现两种样式的对象

非常感谢