css - 字体颜色显示在 Chrome 按钮上，但不是 Safari

Question

此 WordPress 页面上有一个嵌入式表单(由第三方插件 Genoo 提供)，我正在尝试重新设计其中的样式。除了底部的提交按钮外，一切都进行得很顺利。该按钮应具有黑色背景的白色文本。

https://lfccworkforce.com/funding-options/fastforward/

它在 Chrome 中显示正常:

Chrome Sreenshot

但在 Safari 中它不会:

Safari Screenshot

感谢大家的帮助!

e.genooForm {
all: unset;
}
.genooForm label {
font-size:.9em;
font-weight: bold;
font-family: Arial, Sans-Serif;
}

.genooForm input.ext-form-input {
border: solid 1px #757575;
width: 100%;
border-radius: 5px;
margin-bottom: 15px;
}

.gn-component--selected {
all: unset;
width: 30% !important;
margin: auto !important;
}

.gn-btn     {
all: unset;
text-align: center;
padding: 10px;
background: #000 !important;
color: #fff !important;
font-size: 1em !important;
font-weight: bold !important;
border-radius: 10px !important;
text-decoration: capitalize !important;
}

.gn-btn:hover {
background:#0176C0 !important;
}

.gn-generated .gn-form .gn-btn {
color: rgb(255, 255, 255)  !important;
}

Answer 1

@www139 给出了答案:

我建议删除 all:unset;属性(property)。仅 Safari 9.1 及更高版本支持。 Edge 根本不支持它。由于它将属性重置为初始值，Safari 可能会以不同于 Chrome 的方式解释该属性并将按钮的颜色设置为其默认值。