html - Electron 按钮有奇怪的样式

Question

无论出于何种原因，我的按钮的颜色都被剥离了，我一直无法找出原因。我搜索了计算结果，但边框颜色设置为一种颜色，没有任何奇怪设置的迹象。我究竟做错了什么？这是 MacOS 问题吗？

刚刚注意到它也发生在我的 HR 标签上!

---

---

这是我的 HR 和 Button 标签的代码:

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;
}

Answer 1

默认情况下，用户代理将初始值应用于边框样式，导致我遇到此问题。