用事件去掉bootstrap下拉框内阴影遇到的问题？

Question

bootstrap默认的下拉框有这样的阴影

我通过JavaScript事件去取消下拉菜单点击内阴影

  $(".dropdown").on("show.bs.dropdown", function () {
    $(".dropdown-toggle").css('boxShadow','none')
  });
  

但是遇到的诡异的事件是，页面刷新之后，第一次点击还是有内阴影，但是第二次之后再点击按钮就没有这个内阴影了，这是什么情况？

有没有大佬知道这个问题的原因，或者取消这个按钮的内阴影的更好的使用方法？谢谢

Answer 1

……样式为什么要放事件里改？直接叠加一个高权重的样式、或者改掉css里的默认样式不行么？

Answer 2

把你js
$(".dropdown-toggle").css('boxShadow','none') 放在初始化执行里面
别放在落下的事件里面

局部这样写

Answer 3

@努力学会微笑

我这样写还是没有解决那个诡异的问题。。。尴尬