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

.
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3c069-2c2f3.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3c069-2c2f3.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?