我有这个代码,我想在按钮外面添加一个大约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样式放到它上面并不是一个好的解决方案。我想把这个按钮变成一个模板,所以我要做的就是添加类下拉按钮测试,我将为这个自定义按钮设置所需的所有设计。