Hey folks,
I have developed dropdown using HTML element <div/>,<span/> for styling becoz unable to styling default <select/> tag. It's working fine in web view.
But in Iphone default dropdown behaviour is totally different comparing other web.
I know If I'm using default <select> tag it's working in iphone native dropdown.
But need to styling in web view without break iphone native dropdown behavior.
Can Anyone help me.
Tommy Hodgins
CSS & Element Queries
You can 100% style the
<select>element in HTML, what you can't (and shouldn't) style are the<option>elements inside. Some browsers will let you apply some styles to<option>elements, but since this isn't consistent, if you try to style them all you can be sure is that they will look broken in most browsers.If you want to use a regular
<select>and style it visually with CSS, there are a few things you need to think about:Here's a code demo of a light and dark styled
<select>box:And here's a video tutorial I made about how to do this from scratch that walks you through the whole process: staticresource.com/styling-select.mp4