Materializecss按钮边框样式？

【问题标题】：Materializecss buttons border styling?Materializecss按钮边框样式？
【发布时间】：2017-10-21 10:36:51
【问题描述】：

如何使用内置类为 Materialise css 的按钮添加边框。例如，您如何为此添加白色边框，

 <button class="btn waves-effect waves-light" type="submit"   name="action">Submit
<i class="material-icons right">send</i>

【问题讨论】：

【解决方案1】：

在物化中没有内置的class helper 用于为标签添加边框。

您可以通过两种方式做到这一点，第一种是添加您自己的单独样式表并自己单独设置 .btn 类的样式示例

.btn {
    border: 2px solid red;
}

或者 materialize 提供 sass 文件，因此您可以更改 sass\components\_buttons.scss 中的 .btn 样式，然后使用 sass 编译器自己构建并包含它。

希望这会有所帮助！

【讨论】：

【解决方案2】：

试试这个：

.btn.waves-effect.waves-light { border: 2px solid #fff; }

【讨论】：

【解决方案3】：

我相信现有的答案只是变通方法（尽管解决了目的）。但正确的答案应该是覆盖相应的 sass 变量，在这种情况下是 $button-radius。

【讨论】：