如何在點擊中刪除歌劇中的藍色邊框

Question

當我點擊按鈕時，有誰知道如何刪除我在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>

outline:none;答案之一outline:none; 不適合我。

Answer 1

概述：無; 是這個解決方案：去檢查元素並檢查是否有任何其他css超越輪廓：無; 進一步嘗試addinf！important來概括無，並以正確的方式編寫選擇器....希望這有助於如果你能在問題中提供你的css會更好

謝謝！

Answer 2

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

這對我來說很完美（適用於Opera選擇）