Кнопки не имеют фона в Safari iOS

#css #reactjs #safari #mobile-safari

#css #reactjs #safari #mobile-safari

Вопрос:

У меня проблема с кнопками на устройствах iOS в Safari, цвет фона не применяется, как на настольных компьютерах и устройствах Android. Вот свойства CSS для кнопки

 export const Button = styled.button`
  display: inline-block;
  color: ${({ theme }) => theme.text.main};
  margin-left: 8px;
  padding: 0 15px;
  height: 32px;
  border-radius: 4px;
  background-color: ${({ theme }) => theme.palette.main};
  font-weight: 400;
  line-height: 1.5;
  font-size: 15px;
  cursor: pointer;

  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  opacity: 1;
`
 

введите описание изображения здесь

Ответ №1:

Используете ли вы bootstrap .btn? Затем попробуйте использовать background или background-color в вашем css-файле.

 .btn{
  background: #fff;
}
 

Комментарии:

1. Это просто обычная кнопка HTML. Я добавил полный список свойств CSS к моему первоначальному вопросу