在基金会

Question

我有这个代码，我想在按钮外面添加一个大约4像素的实心边框

scss中的

.dropdown-button-test {
    @include button(
        $padding : $button-med
    );
    @include dropdown-button(
        $pip-color: $white,
        $base-style: true
    );
    @include button-style(
        $bg : $primary-color,
    )
}

html中的

<button data-dropdown="drop2" aria-controls="drop2" aria-expanded="true" class="dropdown-button-test">Custom Dropdown</button><br>
<ul id="drop2" data-dropdown-content class="f-dropdown" role="menu" aria-hidden="false">
    <li role="menuitem"><a href="#">This is a link</a></li>
    <li role="menuitem"><a href="#">This is another</a></li>
    <li role="menuitem"><a href="#">Yet another</a></li>
</ul>

我在考虑用另一个div包装上面的html代码并将css样式放到它上面并不是一个好的解决方案。我想把这个按钮变成一个模板，所以我要做的就是添加类下拉按钮测试，我将为这个自定义按钮设置所需的所有设计。