数字输入旋转框 CSS 代码编译成 JSS

【问题标题】：Number input spin box CSS code compiler to JSS数字输入旋转框 CSS 代码编译成 JSS
【发布时间】：2019-08-03 02:37:22
【问题描述】：

我在转换 CSS 代码以隐藏 JSS 的数字输入旋转框时遇到问题。我的问题是如何正确转换此代码以匹配 JSS？

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
   -webkit-appearance: none;
    margin: 0; 
}
input[type=number] {
-moz-appearance:textfield; 
}

【问题讨论】：

不需要，因为问题只出在语法上，我不知道。 JSS 编译器只能以一种方式工作：从 JSS 到 CSS

标签： javascript css jss

【解决方案1】：

input: {
    '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {
      '-webkit-appearance': 'none',
      '-moz-appearance': 'none',
      'margin': 0
    },
    '&[type=number]': {
      '-webkit-appearance': 'textfield',
      '-moz-appearance': 'textfield'
    }
  }

这应该可行。

【讨论】：

它工作得很好，除了 'margin': 0 应该没有撇号
你知道添加了什么让它在 Safari 上运行。现在除了 Safari 之外的 Chrome 和 Firefox 上隐藏的 spinbuttons ale
它适用于 Safari。哪个版本的 Safari 有这个问题
Safari 版本 - 12.0.3 (14606.4.5)。不过，对于'webkit-appearance" 'none'，我已经添加了!important，现在它可以正常工作了。