1

所以我有一个带有一些输入字段的表单。我已将它们设置font-weight为400. 它在 Chrome 和 Firefox 上运行良好，但在 Safari 上更大胆。在 Safari 中font-weight，它与其他浏览器相同，但它呈现得更大胆。我需要更改font-weight为300仅在 Safari 浏览器上。我在这里找到了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    
    }
}}

我怎样才能在镭中做到这一点？

4

0 回答 0