Zurb Foundation下拉按钮未显示下降三角形

Question

我是Zurb基金会的新手，并且遇到了一个不寻常的怪癖。我在表单上放了一个下拉按钮，并将其用作“状态选择器”。但是，无论我选择哪种下拉按钮样式，大小或颜色，下拉“三角形”图像都不会显示。类似地，对按钮的调用是在Rails 3 select 方法中，并且选项在辅助文件中关闭。这是代码：

  <div class="large-2 columns">
    <%= f.select :billing_state, options_for_select(us_states), {}, 
      :class => "small radius button dropdown" %>
  </div>

见照片：

我已经验证了常规html下拉按钮请求在同一页面上运行：

<a href="#" class="small radius button dropdown">foo</a>

见这里：

我很难过！我甚至尝试过“分体式按钮”，它没有“分体管”和“分体管”。三角形'。有任何想法吗？干杯！

Answer 1

Zurb使用一种完全不同的造型方式来选择html输出。将类传递给select方法并没有多大帮助。我发现在使用Zurb和下拉列表时，我需要在项目中手动编写html代码。

我没有发现表单助手和Zurb之间的互动与Twitter Bootstrap一样简单。

此页面介绍了使用自定义表单样式选择框的Zurb方法。 http://foundation.zurb.com/docs/components/custom-forms.html

基本上他们使用样式的跨度。

希望这有帮助。