如何在Foundation CSS中的`input-group`类中使用`small button`类

Question

我需要将按钮分组，我需要它作为一个小按钮。

我可以使用button small类单独使用小按钮。

但是当我尝试使用小班级获得按钮组时，我没有得到一个小按钮。

如何使用input-group

实现small button

官方文档：https://foundation.zurb.com/sites/docs/forms.html

Codepen ：https://codepen.io/ZURBFoundation/pen/rmdRqg?editors=1000

我的代码：

<div class="small-3 column">
      <div class="float-right">
        <div class="input-group search-button">
          <input type="text" class="input-group-field">
          <div class="input-group-button">
            <a href="#" class="small button" >
          </div>
        </div>
      </div>
    </div>

截图：