iT邦幫忙

2022 iThome 鐵人賽

DAY 16
0

你們好!今天是鐵人賽的第16天也是10月1號,今天要說的是關於選擇的基本範例,非常容易的使用方式,使我們輕輕鬆鬆就能帶入。

form-select

form-select

select選單只要一個自定義的類別,form-select可觸發自定義樣式。樣式自定義僅限於select的初始外觀,option則因瀏覽器限制無法修改。

<select class="form-select">
    <option selected>選單</option>
    <option value="1">選擇一</option>
    <option value="2">選擇二</option>
    <option value="3">選擇三</option>
</select>

form-select-size

form-select-size
<select class="form-select form-select-lg">
    <option selected>選單</option>
    <option value="1">選項一</option>
    <option value="2">選項二</option>
    <option value="3">選項三</option>
</select>
<select class="form-select form-select-sm">
    <option selected>選單</option>
    <option value="1">選項一</option>
    <option value="2">選項二</option>
    <option value="3">選項三</option>
</select>

以上便是今天form-select的程式碼,希望各位能好好完成比賽,畢竟時間也快結束了,預祝各位順利完賽!
就讓我們期待明天的文章吧!我們明天見!各位大佬們!


上一篇
<DAY 15> form controls (三) [bootstrap 5]
下一篇
<DAY 17> select (二)
系列文
不斷片(篇)挑戰30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言