下拉ul中第一个a被加上了边框

平方X

标题实在不知道怎么取。
discuz上面的导航，提取了css，在用的时候，第一个a被加上了边框。
当浏览器失去焦点后，又不显示了。而且，不同浏览器显示的颜色还不一样。
①初步找了一下，是css和bootstrap的冲突
②最后找了找（我才不说我是二分法一半一半的删的），找到
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
③总结了一下，移上去的时候，discuz的js
function showMenu(v)
做了一堆乱七八糟的事，然后让第一个a获得了焦点，于是显示了样式。js做的事如下

1. 
   
2.         if(!menuObj.getAttribute('disautofocus')) {
   
3.                 try{
   
4.                         var focused = false;
   
5.                         var tags = ['input', 'select', 'textarea', 'button', 'a'];
   
6.                         for(var i = 0; i < tags.length; i++) {
   
7.                                 var _all = menuObj.getElementsByTagName(tags[i]);
   
8.                                 if(_all.length) {
   
9.                                         for(j = 0; j < _all.length; j++) {
   
10.                                                 if((!_all[j]['type'] || _all[j]['type'] != 'hidden') && hasshow(_all[j])) {
    
11.                                                         _all[j].className += ' hidefocus';
    
12.                                                         _all[j].focus();
    
13.                                                         focused = true;
    
14.                                                         var cobj = _all[j];
    
15.                                                         _attachEvent(_all[j], 'blur', function (){cobj.className = trim(cobj.className.replace(' hidefocus', ''));});
    
16.                                                         break;
    
17.                                                 }
    
18.                                         }
    
19.                                 }
    
20.                                 if(focused) {
    
21.                                         break;
    
22.                                 }
    
23.                         }
    
24.                 } catch (e) {
    
25.                 }
    
26.         }

复制代码