0

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

  <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>

看这里：

在此处输入图像描述

我难住了！我什至尝试过没有“拆分管道和三角形”的“拆分按钮”。有任何想法吗？干杯！

4

1 回答 1

0

Zurb 使用与 rails select html 输出的样式完全不同的方式。将类传递给 select 方法并没有真正的帮助。我发现在使用 Zurb 和下拉菜单时，我需要在我的项目中手动编写 html 代码。

我还没有发现表单助手和 Zurb 之间的交互像 Twitter Bootstrap 那样简单。

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

基本上他们使用风格化的跨度。

希望这可以帮助。

于 2013-07-30T05:27:15.273 回答