- 基础 - 常规
- 基础 - 全局样式
- 基础 - 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
广告