如何在WebKitGTK和WPE WebKit中隐藏输入滑块的轮廓？

我测试了以下代码，但似乎没有效果。

input[type="range"],
::-webkit-slider-runnable-track {
  border: none;
  outline: none;
}

我知晓CSS appearance属性可隐藏默认外观并应用自定义样式，但我仅想隐藏轮廓而不改动默认外观。

运行WebKitGTK可在Linux系统使用Gnome Web，WPE WebKit可在安卓设备使用WPE Android。

内容的提问来源于stack exchange，提问作者Haider Ali