It's puzzling how the colors on my buttons seem to disappear, despite thorough investigation of the computed results revealing no unusual settings. Could this be a MacOS-related issue that I am overlooking?
https://i.sstatic.net/NbcqW.png
I've also observed the same issue with my HR (horizontal rule) tag!
https://i.sstatic.net/mKYc7.png
Check out the code for my HR and Button tags:
hr {
/* Size & Position */
margin: 10px 5px 10px 5px;
padding: 0px 0px 0px 0px;
/* Borders */
border-width: 4px;
border-color: #F4F7F5;
/* Background */
/* Font */
}
button{
/* Size & Position */
margin: 10px;
/* Borders */
border-width: 5px;
border-radius: 10px;
border-color: #033F63;
/* Background */
background-color: #F4F7F5;
/* Font */
font-family: "OpenSans";
color: #373E40;
}