Jquery Select2 4.0 Bootstrap 样式

标签 jquery css jquery-select2

<分区>

我在一个元素中使用 Select2,它的样式从其他 bootstrap(ed) 组件中脱颖而出。我个人喜欢 select2 的外观,但需要保持一致性。在早期版本中,我使用了来自 here 的 select2 boostrap css 3

这在 Select2 4.0 上不起作用,有人有任何想法或提示吗?至少,我想调整 Select2 的高度。

非常感谢...

最佳答案

只需使用 https://select2.github.io/examples.html 中的常规 select2并使用 !important 声明覆盖样式,例如

.select2-container .select2-selection--single {height: 50px !important;}

关于Jquery Select2 4.0 Bootstrap 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30402730/

上一篇:html - 如何防止CSS边框 float 到父div的顶部

下一篇:javascript - 使用输入文本占位符在 UPPER 和 Regular 文本之间切换

相关文章:

image - IMG 标签包含在 flex div 中

javascript - DOM : How to prevent [mouseClick -> selection] with jQuery Css3 HTML5

javascript - Select2不显示Json结果

javascript - 选择 2 类型错误 : b is undefined

javascript - 单击此元素的任何子元素后 Div 隐藏

jquery - HTML5 样板和 jQuery

javascript - 单击喜欢按钮时,无法使用 ajax 更改磁带中帖子的喜欢数量

javascript - 如何使用 jQuery 的 .post() 函数发送对象?

jquery - 单击按钮以更改按钮背景图像

jquery - Select2控件,允许多次选择相同的值