How to change the color of a option/item.

[shahriyardx]

I can change the item color on hover but which property lets me change the background color of the currently active item.
I tried focus and active does not work

[manjushsh]

@shahriyardx You can use Custom Styling.
Custom Seclect (Last one)

option: (styles, { data, isDisabled, isFocused, isSelected }) => {
    return {
      ...styles,
      backgroundColor: isDisabled
        ? "#FFF"
        : isSelected
        ? "#111"
        : isFocused
        ? "#444"
        : null,
      color: isDisabled
        ? "AAA"
        : isSelected
        ? "#FFF"
        : isFocused
        ? "#CCC"
        : data.color,
      cursor: isDisabled ? "not-allowed" : "default"
    };
  }