The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Other Safari issues Reply To: Safari issues


I received the image; I do not need to post the image as it’s easily explainable.

Safari is taking my cornered radius buttons and changing them to rounded corners. This means I need the code to remove Safari’s styling. Also, it is making my buttons smaller, that’s why it is removing the text, the buttons are not growing in height with the content.

I’m not sure exactly how to do this. It has something to do with

I found this for inputs:
input {
-webkit-appearance: none; // remove shadow in iOS
@include border-radius(0); // remove border-radius in iOS

But mine is a dropdown.
I cannot find the resource for where to place the code.

I also found
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;

Do I need to define this for my dropdown in my css, or just anywhere in my css?