Firefox vs Safari oddities on Mac #2

Hi again,
Pls refer to screenshot.
Custom CSS works correctly in Firefox but not Safari. (submit button) How can I get this to display correctly in Safari – both colour + hover + centered?
Thanks
Patrick

Firefox 64.0.2 (64-bit)
Safari 12.0.2 MacOS 10.14.2 Mojave
Enfold 452

CSS code: (in enfold child theme “style.css”)
—————————–
/* center submit button */
p.hidden + p.form_element {
text-align: center;
}

.page-id-12 input[type=’submit’] {
margin-top:30px;
font-size:1.2em;
background-color: white ;
color: rgba(140, 75, 73, 0.5);
border: rgba(140, 75, 73, 0.3) 2px solid;
}
.page-id-12 input[type=’submit’]:hover {
background-color: #f0efe7;
color: #8b4a48;
border-color: #f0efe7;
}

• This topic was modified 5 years, 11 months ago by patricknh.