CSS 颜色被 Safari 忽略

Question

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

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

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

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

实际css styles：

计算 styles：

PS 对图像质量感到抱歉-从 Browserstack 截取的屏幕截图，因为我没有 Mac。

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

Answer 1

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

css

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