html – Input type range webkit-slider-thumb background color won’t change in ios safari?



I came across an issue when implementing input type range on my site, i tried to set the background color for the -webkit-slider-thumb to be transparent, but it is not working on the ios device (iphone and ipad) safari, the safari inspector still showing the user agent style instead of the style i already implement in my css and inline html file, here the css style i implement in my css file and inline html:

    background-color: transparent !important;

here is the screencap for the inspector element on the safari ipad:
enter image description here

on the right hand side it looks my css style does not being implemented at all