Google chrome 与chrome和firefox不同的网站

我对我设计的网站上的内容是如何出现的有些问题

该内容最初是在chrome上设计并正常工作的，但当我在firefox或android上的chrome上打开该网站时，我发现了以下问题

该网站被渲染完全一样，通过输入有一个黑色的背景和主div似乎有一个阴影

---

如果有人有类似的问题，他们已经能够解决，我非常感谢

看起来Firefox会自动为

:required

字段添加一个红色边框

如果要覆盖此行为，可以执行以下操作：

input:required {
    box-shadow: inherit;
}

我最后做了一件事

input:required {
    box-shadow: inherit;
}
input:focus {
    box-shadow: 0px 0px 2px 2px #7AA6ff;
}

---

要在跨浏览器中具有规范化行为，请执行以下操作

看起来Firefox会自动为

:required

字段添加一个红色边框

如果要覆盖此行为，可以执行以下操作：

input:required {
    box-shadow: inherit;
}

我最后做了一件事

input:required {
    box-shadow: inherit;
}
input:focus {
    box-shadow: 0px 0px 2px 2px #7AA6ff;
}

---

要在跨浏览器中具有规范化行为，请执行以下操作

没有消息来源很难说。从这两张图片来看，我认为整个Firefox版本上都有一个类（或更多个）处于活动状态。在Firefox版本中，信息文本区域似乎有一个红色边框。是否有一次尝试提交和验证失败，并且在某个地方应用了一个类？很难说没有来源。从这两张图片来看，我认为整个Firefox版本上都有一个类（或更多个）处于活动状态。在Firefox版本中，信息文本区域似乎有一个红色边框。是否有一次尝试提交和验证失败，并且在某个地方应用了一个类？