How to hide outline around input range in WebKitGTK and WPE WebKit?

Question

I have tested the following code, but it doesn't seem to be effective.

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

I am aware that the CSS appearance property allows us to hide the default appearance and apply custom styles. However, I am specifically looking for a way to hide only the outline without affecting the default appearance.

To run WebKitGTK, you can use Gnome Web on a Linux system, and for WPE WebKit, you can use WPE Android on an Android device.