Zurb foundation 带有透明背景和1px白色边框的SASS按钮

Zurb foundation 带有透明背景和1px白色边框的SASS按钮,zurb-foundation,Zurb Foundation,我很难弄清楚如何定义一个有透明背景、白色文本和1像素白色轮廓的按钮 我目前从事以下工作: .mybutton { @include button-base(); @include button-size($button-tny, false); @include button-style(false, true, false, null, #FF0000); } 我已经读过了,但看起来没有什么好开始的。我找到的边框只有一个颜色定义,当时是$button border width,但

我很难弄清楚如何定义一个有透明背景、白色文本和1像素白色轮廓的按钮

我目前从事以下工作:

.mybutton {
  @include button-base();
  @include button-size($button-tny, false);
  @include button-style(false, true, false, null, #FF0000);
}
我已经读过了,但看起来没有什么好开始的。我找到的边框只有一个颜色定义,当时是$button border width,但我对使用它感到困惑

因此,为了从中学到一些东西,让我重新表述一下这个问题: 如何设置按钮:

没有背景 2px实心边框 白色文本 边框应为.3 alpha/不透明度这是可能的还是仅限于整个按钮? 谢谢

据我所知,按钮样式设置了$button base所基于的变量。 见此——

所以我没有试过这个,但是如果你颠倒顺序,它可能会起作用

.mybutton {
  @include button-size($button-tny, false);
  @include button-style(false, true, false, null, #FF0000);
  @include button-base();
}