Применяйте специфичные для Safari стили с помощью React-Radium - PullRequest
Новая
       23

Применяйте специфичные для Safari стили с помощью React-Radium

0 голосов
/ 29 августа 2018

Итак, у меня есть форма с некоторыми полями ввода. Я установил их font-weight на 400. Он отлично работает на Chrome и Firefox, но на Safari он смелее. В Safari font-weight такой же, как и в других браузерах, но делает его более смелым. Мне нужно изменить font-weight на 300 только в браузере Safari. Я нашел ответ здесь CSShack только для Safari . Но дело в том, что я использую Radium для стилизации моих React компонентов. Это мой текущий объект стиля: 

input: {
    width: '100%',
    fontFamily: ' HelveticaNeue-Medium,  Helvetica, Arial, sans-serif',
    fontSize: h3_general,
    fontWeight: 400,
    color: '#777777',
    border: '0',
    textIndent: '20px',
    background: '#FFFFFF',
    borderRadius: '4px',
    letterSpacing: '-0.26px',
    textAlign: 'left',
    lineHeight: '22px',
    height: '3rem',
    margin: '0',
    '@media only screen and (max-width: 450px)': {
      fontSize: h3_mobile
    }
  }

И мне нужно добавить следующий CSS: 

@media not all and (min-resolution:.001dpcm) { @media {    
    .safari_only {     
        font-weight: 300    
    }
}}

Как я могу сделать это в Radium?

...