How to apply CSS to a Mac Chrome Select Box?

You need to apply -webkit-appearance:none; when adding CSS to select elements in webkit browsers.

There is better option to achieve a natural design:

height:30px;background:#ffffff;

p.s

Vector's answer is hiding the arrows on the right side.

css macos google-chrome padding

Add the following property to your select in your css file:

-webkit-appearance:none;

CodeHunter