Jss: write selectors with vendor prefixes

[mg901]

Hi, how i can write selectors with vendor prefixes? Now I use jss together with Material UI, I try to write this code, but it does not work. However, if I write this on vanilla css, the code works fine.

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

[kof]

Selectors are generated by default, to do this you need to use nesting or @global syntax

Nesting

{
  someComponent: {
    '& input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button': {
      WebkitAppearance: 'none',
      margin: 0
    }
  }
}

Global

{
  '@global': {
    'input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button': {
      WebkitAppearance: 'none',
      margin: 0
    }
  }
}

[kof]

Keeping this issue open to add examples like that to documentation.

[mg901]

@kof, thank you so much! 😊