Safari 忽略 CSS 颜色

Question

出于某种原因，OSX 和 iOS 上的 Safari 忽略了我的按钮上的颜色属性。按钮位于弹出模式中，如果这可能会改变任何内容。

请检查随附的屏幕截图。第一个显示活动的 CSS 规则，第二个显示计算的样式。很明显，颜色属性的活动规则是#fff，但计算出来的有点偏黑——继承自主体颜色。

我想我可以尝试手动将 -webkit-text-fill-color 设置为我想要的任何值，但问题是 - 为什么颜色属性首先被忽略和计算/显示错误？

编辑： 我开始意识到，文本的颜色不仅在按钮上被忽略，而且在许多其他地方也是如此。某些 div 中的文本、跨度以及输入占位符。所有文本颜色都继承自 body 元素。 所有其他浏览器都很好，即使在 OSX/iOS 上也是如此。 我很困惑...

实际的 css 样式：

计算样式：

附：对图像质量感到抱歉 - 截图取自 Browserstack，因为我没有 Mac。

请分享您的想法和想法 - 我在这里缺少什么？ 提前致谢！

Answer 1

请为按钮或输入添加此样式[type="submit"]

css

-webkit-appearance: none;
-moz-appearance: none;
appearance: none;