Question

所以我有一个带有一些输入字段的表格。我已将其font-weight设置为400。它在Chrome和Firefox上都可以正常运行，但在Safari上则更为粗体。在Safari中，font-weight与其他浏览器相同，但是使它变粗了。我仅需要在Safari浏览器上将font-weight更改为300。我在这里CSShack for Safari only找到了答案。但是问题是我正在使用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中做到这一点？

使用React-Radium应用Safari特定样式

0 个答案: