How do I set the < select > element so that when clicked, the selected element is in the middle and the options appear on the upper and lower sides?

like this, when you click on it, you can expand up and down, the scroll pulley can also keep the focus in the middle, and the option scrolls up and down.
how to write css?

Mar.20,2021

what comes with it by default should either simulate and encapsulate a general-purpose select

.
Menu