You can customize the native <select> with custom CSS that changes the element’s initial appearance.
Add class .form-select to trigger the custom styles to the <select> element. For example,
<select class="form-select" aria-label="Default select example">
<option selected>Open this select menu</option>
You may also choose from small and large custom selects to match similarly sized text inputs. Set heights using classes like .form-control-lg and .form-control-sm.
Add the disabled boolean attribute on a select to give it a grayed out appearance and remove pointer events.