style droplist

[Mohammad9817]

How can I style drop list in my css or sass file ?

[bruderj15]

There does not seem to be prop to use.
After inspecting the generated html with nextjs15, type-script and tailwind-css, below css in globals.css allows to customize the style of the options:

/* Target the options container */
div[class*="ReactFlagsSelect-module_flagsSelect"] ul[class*="selectOptions"] {
  @apply bg-stroke dark:bg-strokedark dark:border-strokedark;
}

/* Style each option item with specified classes */
div[class*="ReactFlagsSelect-module_flagsSelect"] li[class*="selectOption"] {
  @apply text-metatitle3 font-bold dark:text-white dark:border-b-blackho;
}

/* Hover effect for option items */
div[class*="ReactFlagsSelect-module_flagsSelect"] li[class*="selectOption"]:hover {
}

This works with version 2.2.3 of this lib.