Placeholder text for dropdown select input not showing in Chrome, only in safari

[Zhariff]

Hellow I can get the placeholder text for my drop downs to show up in chrome or firefox, only in Safari - any ideas? I tried creating custom css targeting the element and put !important but it still doesnt work 

.hs-form select {background-color: transparent !important;
border: 2px solid #fff !important;
border-radius: 8px !important;
color: #ffffff !important;
display: inline-block !important;
font-size: .8rem !important;
padding: 0.9rem !important;
padding-top: 1rem !important;
padding-bottom: 1rem !important;
width: 100% !important;}
.hs-form select:focus {outline-color: #f5b716 !important;
background-color: transparent !important;
border: 2px solid #f5b716 !important;
border-radius: 8px !important;
padding: 0.9rem !important;
padding-top: rem !important;
padding-bottom: 1rem !important;
width: 100% !important;}
fieldset {
max-width: 100% !important;
}

[WendyGoh]

Hey @Zhariff,

In order for me to further troubleshoot this, could you share with me the page in question?