基礎 - 基本控制元件按鈕



描述

基礎支援許多可根據需要定製的按鈕樣式。如果要執行更傳統的操作,那麼按鈕是適當的工具。

下表列出了基礎中使用的基本控制元件。

序號 按鈕控制元件和說明
1 基礎知識

可以使用較少的標記標籤(如 <a> 和 <button>)來建立按鈕。

2 大小

可以透過使用附加類來更改按鈕的大小和形狀。

3 著色

可以給按鈕著色以體現其含義。

4 空心樣式

可以使用.hollow 類為按鈕賦予空心樣式。

5 下拉箭頭

可以使用.dropdown 類為按鈕新增下拉箭頭。

6 輔助功能

如果按鈕沒有可讀文字,可以新增僅供螢幕閱讀器讀取的文字以說明其用途。

7 SASS 參考

可以使用 SASS 參考更改元件的樣式。

foundation_basic_controls.htm
廣告