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

0
130

[ad_1]

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:

input[type="range"]::-webkit-slider-thumb, 
input[type="range"]::-webkit-slider-thumb:active{
    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

[ad_2]