I am currently trying to customize the select form for filtering on my page.
Unfortunately the select dropdown looks different in every device/browsers.
I want to make the styling custom with custom code so every browser has the same style. Unfortuanetly, not every value works, so e.g. border-radius: 0px; or none; doesn’t apply and borders are still rounded. Other values, like box-shadow or background-image work.
thanks for the reply, but I have to ask you for more details.
I resetted the styling like in the tutorial, but it doesn’t change anything. As previously stated, some of the changes apply, while others don’t.
The reset is changing nothing for different browsers or devices. I didnt continue with styling the focus or custom arrows, after the first steps didn’t work.
I also analysed the different classes and ids that i have for the select form, inspected their styling and there border-radius is set to 0 but it doesn’t apply.
Also, while chaning font-size for options, it works absolutely fine on my Chrome Windows Desktop, but on my Chrome Macbook Browser, no changes apply at all.