Select Menue
CODE
×
HTML
<div class='form-floating mb-6 v2'> <select class='form-select form-select-lg' aria-label='example' id='select-1'><option selected>Please select one item ...</option> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> <option value="4">Four</option> <option value="5">Five</option></select> <label for='select-1'>Name of select list</label> </div>
CSS
.form-floating > .form-select { padding-top: 1rem; padding-bottom: 0; } select.form-select.form-select-lg { font-family: var(--body-font-1); font-style: var(--body-font-2); font-weight: var(--body-font-3); font-size: var(--fs-s); line-height: var(--lh-m); color: var(--fc2); border-color: var(--lc5); border-top-left-radius: var(--br2-1); border-top-right-radius: var(--br2-2); border-bottom-left-radius: var(--br2-3); border-bottom-right-radius: var(--br2-4); padding-left: 0.75rem; } label { font-family: var(--body-font-1); font-style: var(--body-font-2); font-weight: var(--body-font-3); font-size: var(--fs-s); line-height: var(--lh-s); color: var(--fc2); }
JS
Select Menue
Last Edit: Aug 18, 2023, 8:58am
×
Please select one item ...
One
Two
Three
Four
Five
Name of select list