HTML select input has a different size on IOS devices compared to that of android and windows devices

Question

Is there a CSS Property that can be used to style it specifically for IOS devices so that it can look like that of windows and android?

I tried using -webkit but it didn't really work

Answer 1

Safari makes it different, but it is possible to remove the appearance and style it with webkit and appearance.

 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;

Check this select example. https://codepen.io/FlashBuddy/pen/zYYOpgL