Javascript 如何在单击opera时删除蓝色边框

有人知道当我点击按钮时，如何删除Opera浏览器上的蓝色边框吗

我的按钮上面有一个下拉框

 <div class="dropdown tobeaddedtodropdown">
   <button class="btn btn-default dropdown-toggle tobeaddedtobutton" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-expanded="false">  
    SELECT 
   </button>
  <input type="hidden" id="serving_style_id" value="0">
  <input type="hidden" id="serving_style_name" value="0">
  <span class="caret downarrow"></span>
  <ul id="step1ul" class="dropdown-menu tobeaddedtoul" role="menu" aria-labelledby="dropdownMenu1">
    <li role="presentation"style="background-color:transparent" value="1"  data-image="rtd"><a role="menuitem" tabindex="-1" href="javascript:void(0);"></a></li>
    <li role="presentation"style="background-color:transparent" value="2"  data-image="tea_bag"><a role="menuitem" tabindex="-1" href="javascript:void(0);"></a></li>
    <li role="presentation"style="background-color:transparent" value="3" data-image="rtd"><a role="menuitem" tabindex="-1" href="javascript:void(0);"></a></li>
  </ul>
 </div>

挑选

---

答案之一是

提纲：无对我不起作用。
大纲：无；解决方案是：
去检查元素，检查是否有其他css覆盖了轮廓：无；
进一步还可以尝试addinf！重要的是要列出none并以正确的方式写入选择器。。。。
希望这有助于它会更好，如果你能提供你的css在问题中提出

谢谢

box-shadow: inset 0 0 0 5px #fff !important;   

这对我来说非常有效（对于Opera select）
可能的重复对我没有帮助请提供小提琴（或至少是图像）和/或相关css（如果有）。同样在标题中，你说的是chrome，但后来你写了opera，这两个版本都存在问题吗？你有没有尝试过
border:none？@Suraj:
大纲：无；边界：无
是这个问题的真正解决方案。确保这些属性不是从某个父元素继承的。您可以通过放置
outline:none来验证这一点！重要的。
大纲：无！重要的；边界：没有！重要的解决方案。非常感谢你！！！！