34 lines
No EOL
1 KiB
Markdown
34 lines
No EOL
1 KiB
Markdown
custom dropdown with bootstrap
|
|
```html
|
|
|
|
<style>
|
|
.mh-250{
|
|
max-height: 250px;
|
|
}
|
|
</style>
|
|
|
|
<div class="btn-group w-100 border">
|
|
<button
|
|
type="button"
|
|
class="btn btn-secondary bg-transparent text-black fs-5 border-0 text-start"
|
|
>
|
|
--Select--
|
|
</button>
|
|
<button
|
|
style="max-width: 50px"
|
|
class="btn btn-secondary dropdown-toggle dropdown-toggle-split p-2 bg-transparent text-black fit-content fs-5 border-0"
|
|
type="button"
|
|
id="dropdownMenuButton1"
|
|
data-bs-toggle="dropdown"
|
|
aria-expanded="false"
|
|
></button>
|
|
|
|
<ul
|
|
class="dropdown-menu mh-250 overflow-auto w-100"
|
|
id="yearSelect"
|
|
aria-labelledby="dropdownMenuButton1"
|
|
>
|
|
<li><a class="dropdown-item" href="#">--Select-- </a></li>
|
|
</ul>
|
|
</div>
|
|
``` |