基础4自定义下拉列表无法正常运行

Question

我在使用Foundation 4中的自定义下拉列表时遇到问题。

浏览器呈现两个下拉列表，其中一个是基础自定义，另一个是默认样式。我不知道怎么回事？

这是我已经包含的CSS

<link rel="stylesheet" href="css/foundation.css">

这是HTML代码

    <form class="custom">
         <select>
               <option DISABLED>This is a dropdown</option>
               <option>This is another option</option>
               <option>This is another option too</option>
               <option>Look, a third option</option>
         </select>
    </form>

我不认为Foundations JS与它有任何关系，尽管这里是我设置在结束体标记上方的脚本。

<script>
  document.write('<script src=' +
  ('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
  '.js><\/script>')
  </script>

   <script src="js/foundation.min.js"></script>
   <script src="js/foundation/foundation.dropdown.js"></script>
   <script src="js/foundation/foundation.forms.js"></script>
   <script>
   $(document).foundation();
   </script>

请任何帮助真的很棒，

经过测试的浏览器：Firefox，Chorme