Materializecss按钮边框造型?

时间:2017-05-21 20:34:40

标签: html css css3 material-design materialize

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

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

3 个答案:

答案 0 :(得分:1)

Give this a try:

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

答案 1 :(得分:1)

在具体化中,没有内置class helper用于向标签添加边框。

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

.btn {
    border: 2px solid red;
}

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

希望这有帮助!

答案 2 :(得分:0)

我认为现有答案只能解决(尽管可以解决目的)。但是正确的答案应该是覆盖相应的sass变量,在这种情况下为$button-radius

您可以在此处找到所有变量:https://github.com/Dogfalo/materialize/blob/master/sass/components/_variables.scss