[BUG] - Select component and the Input component style inconsistently

[pompurin404]

          > * Flat: Currently the bg-color becomes darker on hover

I'm sorry, but I personally think there is an issue with this change, as it causes the Select component and the Input component to behave inconsistently.

Originally posted by @pompurin404 in https://github.com/nextui-org/nextui/issues/3663#issuecomment-2380399790

[linear[bot]]

ENG-1452 [BUG] - Select component and the Input component style inconsistently

[wingkwong]

++ @macci001

[macci001]

Sorry @pompurin404, I was not able to have a look this on your previous mention. Will create a fix for this.

[macci001]

Hi @pompurin404, I have created the fix. This issue will be fixed in the coming version. Sorry for the inconvenience caused due to my previous PR.

Until the fix get's in, you can use this hack:

• Add the classNames prop to the select: classNames={{trigger: "data-[hover=true]:bg-default-200"}}
• Example of flat variant select component with the hack could be:

<Select variant={"flat"} classNames={{trigger: "data-[hover=true]:bg-default-200"}}>
      {items}
</Select>

[ghost]

Thank you very much!