If you observe select input field style are not apply in safari browser
For example in below design I added padding:10px; but it’s not appearing
.css_selector select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 12px 8px 12px 8px !important;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 5px;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="8" viewBox="0 0 21 12" fill="none"><path d="M10.5 12C10.1236 12 9.74729 11.8559 9.46034 11.5684L0.430798 2.51663C-0.143599 1.94083 -0.143599 1.00725 0.430798 0.431681C1.00496 -0.143894 1.93606 -0.143894 2.51051 0.431681L10.5 8.44122L18.4895 0.43196C19.0639 -0.143614 19.9949 -0.143614 20.569 0.43196C21.1437 1.00753 21.1437 1.94111 20.569 2.51691L11.5396 11.5687C11.2525 11.8563 10.8762 12 10.5 12Z" fill="%231E1E1E"/></svg>')
no-repeat;
background-position: right 10px center;
color: #000000;
background-size: 12px;
border: 1px solid rgba(0, 0, 0, 0.35) !important;
} Here using appearance: none; will apply styles but it also hide some dropdown arrow and other styles so we need take care of all these things
After all these css
