我在设计网站上的内容如何出现时遇到了一些问题。
内容最初设计并在Chrome中正常工作，但是当我在Firefox上打开网站或者在android上打开Chrome时，我会遇到以下问题。
通过具有黑色背景的输入呈现完全相同的网站，并且主div似乎在其上方有阴影。
如果有人有类似的问题，他们已经能够解决我非常感激。
答案 0 :(得分：0)
看起来Firefox会自动为:required字段添加红色边框。
如果要覆盖此行为，可以执行以下操作：
input:required {
box-shadow: inherit;
}
我最终做了
input:required {
box-shadow: inherit;
}
input:focus {
box-shadow: 0px 0px 2px 2px #7AA6ff;
}
具有跨浏览器的规范化行为。