CSS颜色被Safari忽略

CSS颜色被Safari忽略,css,colors,safari,Css,Colors,Safari,出于某种原因,OSX和iOS上的Safari忽略了我按钮上的颜色属性。按钮位于弹出模式中,如果这可能会改变任何内容的话 请检查附加的屏幕截图。第一个显示活动的CSS规则,第二个显示计算的样式。很明显,颜色属性的活动规则是#fff,但计算出来的颜色有点黑-从身体颜色继承而来 我想我可以尝试手动将-webkit text-fill-color设置为我想要的任何值,但问题是-为什么颜色属性会被忽略,并且首先计算/显示错误 编辑: 我逐渐意识到,文本的颜色不仅仅在按钮上被忽略,在许多其他地方也是如此。某

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

请检查附加的屏幕截图。第一个显示活动的CSS规则,第二个显示计算的样式。很明显,颜色属性的活动规则是#fff,但计算出来的颜色有点黑-从身体颜色继承而来

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

编辑: 我逐渐意识到,文本的颜色不仅仅在按钮上被忽略,在许多其他地方也是如此。某些div中的文本、跨距甚至输入占位符。所有文本颜色都继承自body元素。 所有其他浏览器都很好,即使在OSX/iOS上也是如此。 我很困惑

实际css样式:

计算样式:

另外,对于图像质量很抱歉-从Browserstack截图,因为我没有Mac电脑

请分享你的想法和想法-我在这里遗漏了什么?
提前谢谢

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

css

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