我有一个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.
提前致谢.
解决方法
尝试使用以下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.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。