电子按钮的样式奇特

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

默认情况下，用户代理将开始值应用到边框样式，导致出现此问题。