标签 select2 下的文章

适用于 tabler 的 select2 样式

最近一个项目在用 tabler，tabler 是一款开源免费的并且看起来蛮正经的 UI 库，适用于以后端为主的 web 开发者。

最新版 tabler-v1.0.0-beta20 表单里的选择组件默认使用的是 tom-select，之前用的是 Selectize，但由于该项目停止开发，后来才换了 tom-select。

以上信息来源是官方的 issue。

由于官方没有提供对 select2 的支持，所以 select2 的样式在 tabler 里用不了，并且即使是引入了 bootstrap5 的样式，仍然不 work。

于是我就写了一段 css，解决了 select2 在 tabler 下适配的问题。

创建 select2-tabler-theme.css 文件：

新项目开始使用 bootstrap 5 之后，相关依赖的样式也得跟着升级。

找了一下 select2 的 bootstrap5 样式，找到这个项目 select2-bootstrap-5-theme，使用了一下，感觉不错，推荐一下。

使用模态框，一般都会自动带上一个属性，tabindex="-1"。