Quiero un menú desplegable de selección como este. Quiero que las opciones tengan un ancho mayor y la selección solo debe mostrar el símbolo y también cambiar el color de fondo al pasar el mouse. Vuelvo a buscar y me doy cuenta de que no podemos darle estilo a la opción 🤦‍♀️ es es muy triste saberlo, pero afortunadamente obtuve este enlace https://www.w3schools.com/howto/tryit.asp?filename=tryhow_custom_select aquí mostraron lo que quería al menos la mayoría excepto el símbolo seleccionado mostrar solo de todos modos lo que estoy obteniendo también genial

 .select-selected { background-color: DodgerBlue; }

Están apuntando a una clase seleccionada. Miro en el html pero no puedo encontrarlo, pero el color está cambiando perfectamente. Por eso no puedo copiarlo exactamente. Estoy usando un componente de estilo de reacción. Necesito entender y escribir una solución fácil para este tutorial de enlace es tan difícil que alguien pueda explicarme o sugerirme una alternativa de seleccionar

Tenga en cuenta que estoy usando el componente de estilo de reacción

 export const NavbarSelect = styled.select` border: none; border-radius: 0px; option{ background: #FFF; width:114px; height:45px; } `

quiero diseñar la opción aquí