如何使用select2容器类覆盖元素的内联顶部CSS属性？

Question

在select2库中的某个地方，正在设置内联样式top =“ 323px”。或者可以根据select2组件的初始化位置进行计算。无论哪种方式，我都想更改它，以为会很简单。

我尝试在css位置“ top ”属性上设置！important标志，还尝试在下面的javascript中初始化和处理select2组件的open事件。 在devtools控制台中，我可以运行

document.querySelectorAll('.select2-container, .select2-container--default, .select2-container--open')[1].style.top = "303px"

，并且有效。但是下面是我的JS代码

this.selectTrigger.on('select2:open', () => {
  $('.select2-container, .select2-container--default, .select2-container--open').eq(1).css("top", "303px");
}

请注意，有两个元素具有相同的多个类。 Select2似乎会生成一个可隐藏访问的选择选项 dom组件，以及一个 ul li 组件，该组件在 body 标签底部具有相同的选项