Style option in dropdown?

[QuangLoc0311]

How can I change the style of background?
I also use custom component for options but it's still have default style like this.
And how I can remove "small padding top" in the "first option" and "padding bottom" at "last option" in dropdown

[csandman]

I can't tell exactly what you're trying to do, but what you're probably looking for is the chakraStyles prop. Something along these lines should do the trick, but I'm not sure how you have your custom components set up.

return (
  <Select
    chakraStyles={{
      option: (provided) => ({
        ...provided,
        _first: {
          pt: 0
        },
        _last: {
          pb: 0
        }
      })
    }}
  />
)

Here's a demo of the prop in action, obviously without the custom components: https://codesandbox.io/s/chakra-react-select-option-styles-6g16yc?file=/example.js

If you need further help, please make a CodeSandbox reproduction of what you have so far and I can give a better example based on that: https://codesandbox.io/s/chakra-react-select-vsvr0?file=/example.js