如何正确设置Select2轮廓的样式:焦点？

Question

我正在使用Select2来设置我的<select>盒子样式,但我似乎无法设置Chrome应用于样式的强制轮廓:

问题:

我已经尝试了几行(非常不专业!important)的CSS代码,但到目前为止我还没有提出解决方案,这就是我现在所处的:

CSS:

.select2 > *:focus, .select2:focus .select2 > *, .select2 {
    outline-width: 0px !important;
}

为了排除潜在的问题,我肯定包括这个CSS文件,在我的常规select2.css之后

另外,小提琴会有问题,但如果真的有必要,我可以提供一个小提琴

Answer 1

这似乎可以解决问题:

  <style>
    .select2-container *:focus {
        outline: none;
    }
  </style>

这是一个插件.