- 基礎 - 常規
- 基礎 - 全域性樣式
- 基礎 - Sass
- 基礎 - JavaScript
- 基礎 - JavaScript 實用工具
- 基礎 - 媒體查詢
- 基礎 - 網格
- 基礎 - flex 網格
- 基礎 - 表格
- 基礎 - 可見性類
- 基礎 - 基本排版
- 基礎 - 排版輔助
- 基礎 - 基本控制元件
- 基礎 - 導航
- 基礎 - 容器
- 基礎 - 媒體
- 基礎 - 外掛
- 基礎 SASS
- 基礎 - Sass 函式
- 基礎 - Sass Mixins
- 基礎庫
- 基礎 - Motion UI
基礎 - 基本控制元件按鈕
描述
基礎支援許多可根據需要定製的按鈕樣式。如果要執行更傳統的操作,那麼按鈕是適當的工具。
下表列出了基礎中使用的基本控制元件。
| 序號 | 按鈕控制元件和說明 |
|---|---|
| 1 | 基礎知識
可以使用較少的標記標籤(如 <a> 和 <button>)來建立按鈕。 |
| 2 | 大小
可以透過使用附加類來更改按鈕的大小和形狀。 |
| 3 | 著色
可以給按鈕著色以體現其含義。 |
| 4 | 空心樣式
可以使用.hollow 類為按鈕賦予空心樣式。 |
| 5 | 下拉箭頭
可以使用.dropdown 類為按鈕新增下拉箭頭。 |
| 6 | 輔助功能
如果按鈕沒有可讀文字,可以新增僅供螢幕閱讀器讀取的文字以說明其用途。 |
| 7 | SASS 參考
可以使用 SASS 參考更改元件的樣式。 |
foundation_basic_controls.htm
廣告