如何在点击中删除歌剧中的蓝色边框

时间:2015-11-23 08:01:52

标签: javascript html css 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>

outline:none;的答案之一对我没用。

2 个答案:

答案 0 :(得分:2)

概要:无;是这个解决方案: 去检查元素并检查是否有任何其他css超越轮廓:无; 进一步尝试addinf!important来概括无,并以正确的方式编写选择器.... 希望这有助于如果你能在提出的问题中提供你的css会更好

谢谢!

答案 1 :(得分:0)

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

这对我来说非常合适(适用于Opera选择)