基础 CSS 按钮清除样式
Foundation CSS 是由 ZURB 基金会于 2011 年 9 月构建的开源和响应式前端框架,可以轻松设计美观的响应式网站、应用程序和电子邮件,这些网站、应用程序和电子邮件看起来很棒并且可以在任何设备上访问。它被许多公司使用,例如 Facebook、eBay、Mozilla、Adobe,甚至迪士尼。该框架建立在类似 Saas 的引导程序上。它更加复杂、灵活且易于定制。它还带有 CLI,因此很容易与模块捆绑器一起使用。它提供了 Fastclick.js 工具,用于在移动设备上更快地呈现。
Foundation CSS Button Clear Style 用于创建一个简单的锚类型按钮。 clear 样式移除了 button 属性,并制作了一个简单的锚点类型的可点击元素。
使用类:
- clear:该类用于创建清晰样式的按钮元素。
句法:
- 带有锚标签:
- 带按钮标签:
示例 1:在本示例中,我们将使用 标签创建一个按钮,并使用 .button 类将锚元素设置为按钮样式。此外,使用 .clear 类来制作清晰的按钮样式。
HTML
Foundation CSS Button Clear Style
GeeksforGeeks
Foundation CSS Button Clear Style
Clear Primary Button
Clear Secondary Button
Clear Success Button
Clear Alert Button
Clear Warning Button
Clear Disabled Button
HTML
Foundation CSS Button Clear Style
GeeksforGeeks
Foundation CSS Button Clear Style
输出:
示例 2:在本示例中,我们将使用
HTML
Foundation CSS Button Clear Style
GeeksforGeeks
Foundation CSS Button Clear Style
输出:
参考: https://get.foundation/sites/docs/button.html#clear-style