Switch component in Safari Mobile has ugly black box when disabled and checked

[JGreenlee]

Current behaviour

I viewed https://snack.expo.dev/@react-native-paper/react-native-paper-example_v5 on Safari iOS 18

Workaround

Unfortunately, there's no prop of Switch that will style the underlying <input> element, which is where the problem is, so the workaround is a global CSS rule:

input:is([type="checkbox"], [type="radio"]):checked:disabled {
  background-color: transparent;
}

Your Environment

software	version
ios	18.5