drop-down-menu - Zurb Css 框架下拉问题

标签 drop-down-menu css-frameworks zurb-foundation

我正在使用 Zurb Css 框架,如 foundation.zurb.com/docs/forms.php 中所述我使用了如下提供的相同代码

<label for="customDropdown">Dropdown Label</label>
<select style="display:none;" id="customDropdown">
  <option SELECTED>This is a dropdown</option>
  <option>This is another option</option>
  <option>Look, a third option</option>
</select>
<div class="custom dropdown">
  <a href="#" class="current">This is a dropdown</a>
  <a href="#" class="selector"></a>
  <ul>
    <li>This is a dropdown</li>
    <li>This is another option</li>
    <li>Look, a third option</li>
  </ul>
</div>

但是我看不到任何下拉菜单,上面的代码是从他们的网站上复制粘贴的。

谢谢。

最佳答案

这是一个愚蠢的错误,我忘记为表单元素设置 class='custom'。

关于drop-down-menu - Zurb Css 框架下拉问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11667100/

相关文章:

javascript - 从下拉列表中删除所选项目但将其显示为已选

javascript - 更改 <select> 上的值时的 setState

html - 为什么最后一里不对?

html - 用背景图片上的内容填充中间底部

javascript - Foundation5 - 更改顶栏断点

css - 如何将字体图标添加到 Accordion - zurb foundation

drop-down-menu - 如何在窗口中正确显示 CKEditor 4.0 工具栏下拉菜单和其他弹出窗口?

html - “Unsemantic Grid”适用于台式机,不适用于 iPad

CSS Grid 装订线导致列溢出,如何强制列宽符合

css - 浏览器使用 Foundation 计算图像大小不一致