请选择 进入手机版 | 继续访问电脑版

平方X

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 3474|回复: 0

[前端] 下拉ul中第一个a被加上了边框

[复制链接]

414

主题

709

帖子

3605

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
3605
QQ
发表于 2016-7-1 17:58:01 | 显示全部楼层 |阅读模式
标题实在不知道怎么取。
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.         if(!menuObj.getAttribute('disautofocus')) {
  2.                 try{
  3.                         var focused = false;
  4.                         var tags = ['input', 'select', 'textarea', 'button', 'a'];
  5.                         for(var i = 0; i < tags.length; i++) {
  6.                                 var _all = menuObj.getElementsByTagName(tags[i]);
  7.                                 if(_all.length) {
  8.                                         for(j = 0; j < _all.length; j++) {
  9.                                                 if((!_all[j]['type'] || _all[j]['type'] != 'hidden') && hasshow(_all[j])) {
  10.                                                         _all[j].className += ' hidefocus';
  11.                                                         _all[j].focus();
  12.                                                         focused = true;
  13.                                                         var cobj = _all[j];
  14.                                                         _attachEvent(_all[j], 'blur', function (){cobj.className = trim(cobj.className.replace(' hidefocus', ''));});
  15.                                                         break;
  16.                                                 }
  17.                                         }
  18.                                 }
  19.                                 if(focused) {
  20.                                         break;
  21.                                 }
  22.                         }
  23.                 } catch (e) {
  24.                 }
  25.         }
复制代码


我是平方X~
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|小黑屋|手机版|Archiver|平方X ( 冀ICP备14018164号 )

GMT+8, 2024-5-24 17:21 , Processed in 0.120606 second(s), 21 queries .

技术支持:Powered by Discuz!X3.4  © 2001-2013 Comsenz Inc.

版权所有:Copyright © 2014-2018 平方X www.pingfangx.com All rights reserved.

快速回复 返回顶部 返回列表