Bootstrap 4 Beta:选项菜单有双下拉图标

Question

我有一个Bootstrap使我的选项菜单可视化的方式的问题.看看截图:

我不知道是什么原因造成的.我没有在这个特殊情况下使用标签,但他们也没有帮助.

这是代码:

        <nav class="sidebar col-sm-4 col-md-3 d-inline align-self-auto">
        <div class="form-group">
            <select class="custom-select mt-2">
                <option selected>?????</option>
                <option value="1">???</option>
                <option value="2">????</option>
                <option value="3">????</option>
            </select>

请帮我这个,因为我想要一个漂亮的网站.我正在使用Bootstrap 4.0.0.b我还应该提到我正在使用gulp来编译我的CSS.

提前致谢.

Answer 1

尝试使用以下css,但是bootstrap应该已经处理好了.你如何在bootstrap的网站上看到相同的选择？那里也有双箭头吗？你使用的是什么浏览器？

.custom-select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

编辑:

使用上述解决方案时要小心.这些CSS属性已存在于bootstrap.min.css中,并且自定义选择在其演示中呈现正常:https://getbootstrap.com/docs/4.1/components/input-group/#custom-select

确保使用正确的版本,并且没有任何覆盖Bootstrap的CSS.