Отображение цвета шрифта на кнопке Chrome, но не в Safari - PullRequest
2 голосов
/ 26 сентября 2019

На этой странице WordPress (от стороннего плагина Genoo) есть встроенная форма, в которой я пытаюсь изменить стиль.Все прошло хорошо, кроме кнопки отправки внизу.Кнопка должна иметь белый текст с черным фоном.

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

Отображается нормально в Chrome:

Chrome Sreenshot

Но в Safari это не так:

Снимок экрана Safari

Я ценю помощь всех!

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;
}

1 Ответ

1 голос
/ 27 сентября 2019

@ www139 имел ответ:

Я предлагаю удалить все: unset;свойство.Только Safari 9.1 и более поздние версии поддерживают его.Край не поддерживает это вообще.Поскольку свойства сбрасываются до начальных, Safari может интерпретировать это свойство иначе, чем Chrome, и установить цвет кнопки по умолчанию.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...