我正在使用标签库进行标签输入（称为tagify）。此库创建一个名为tags的自定义html元素，它继承用于创建Tagify javascript对象的原始文本输入中的类，然后隐藏它。在tags内，它会在其中创建一个简单的div，其中包含input。
在此之前，我使用了引导类form-control，它在焦点上有一种蓝色的光晕/阴影。我希望tags具有焦点效果，并且它确实具有该引导类，因为它是由Tagify添加的。然而，焦点效应永远不会发生。
实际上，当您单击它时，实际上是在单击input元素，因此我在焦点上安装了一个调用tags焦点的事件侦听器。这不起作用（JSFiddle）。自定义html元素不是“可聚焦”吗？有没有办法将这种效果添加到tags元素？
编辑：
如果我手动检查浏览器的开发人员选项中的：focus复选框，它就能满足我的需求。另外，我只想要效果，使用焦点类不是必须的，但我确实需要它与form-control提供的完全相同，即使Bootstrap决定将来更改它。
EDIT2：
有没有办法获得焦点伪类的CSS，然后使用javascript将这些规则添加到新类？然后关注input，我会将该类添加到tags。