问题描述

在使用element 中的el-pagination分页组件时，其他个别浏览器点击分页时会出现黑色边框的样式问题

解决方案：

审查元素找到选择的按钮类名然后控制其鼠标事件的样式

:deep(.el-pagination.is-background .el-pager li:link) {outline: none;
}
:deep(.el-pagination.is-background .el-pager li:hover) {outline: none;
}
:deep(.el-pagination.is-background .el-pager li:not(.disabled).visited) {outline: none;
}
:deep(.el-pagination.is-background .el-pager li:active) {outline: none;
}
:deep(.el-pagination.is-background .el-pager li:focus) {outline: none;
}

结果：

解决360浏览器或者IE等浏览器使用element 中的el-pagination分页点击有黑框问题相关推荐

解决360篡改谷歌或其他浏览器主页的问题(亲身经历绝不copy)
不说闲话直接上教程: (治标不治本)在谷歌浏览器快捷键属性中的目标后加入"-nohome"这样就可以让360首页不显示了,如图是配置: 重启谷歌,发现就不再出现讨厌的360界面了.
解决360浏览器兼容模式的页面显示问题
解决360浏览器兼容模式的页面显示问题参考文章: (1)解决360浏览器兼容模式的页面显示问题 (2)https://www.cnblogs.com/njy888888/p/7827200.html ...
如何解决360浏览器卡死的问题
我们在上网的时候,不可缺少的就是浏览器了,有一大部分人还是喜欢用360浏览器的.刚开始用360浏览器的时候感觉很不错,都都不知什么情况,老是无故崩溃,或者时常卡死,上网慢,播放视频插件响应失败.无法进 ...
bootstrap和css样式兼容（ie、360、qq）不同浏览器的解决办法
一.作为一个之前没有真正实践项目的前端新手,这次在实践的时候就发现了一个严重的问题--兼容性. 开发者在前端开发,调试的时候,使用的基本都是谷歌.火狐这种开发者浏览器,忽略了其实我们国内主流的浏览器仍 ...
解决360浏览器自动填充的屎黄色背景的问题
解决360浏览器自动填充的屎黄色背景的问题参考文章: (1)解决360浏览器自动填充的屎黄色背景的问题 (2)https://www.cnblogs.com/mahatmasmile/p/31527 ...
360兼容模式页面错位_解决360浏览器兼容模式的页面显示问题
由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览.基于IE的内核用于兼容网银.旧版网站.以360的几款浏览器为例,我们优先通过Webkit内核渲染主流的网 ...
360兼容模式页面错位_解决360双核浏览器兼容模式的页面显示问题
由于众所周知的情况,国内的主流浏览器都是双核浏览器:基于Webkit内核用于常用网站的高速浏览.基于IE的内核用于兼容网银.旧版网站.以360的几款浏览器为例,我们优先通过Webkit内核渲染主流的网 ...
关于360浏览器及搜狗等浏览器兼容性解决方案
最近网站忙于上线,一直测试,一直修改bug.相信这是很多前端工作者非常头疼的一件事:就是网页在360浏览器和搜狗浏览器等等双核或者多核或者以IE内核为内核的各种各样的浏览器上出现的各种各种非常奇葩的b ...
如何删除360导航并且自定义各浏览器搜索主页
如何删除360导航并且自定义各浏览器搜索主页下载过360安全卫士会发现你在打开Edge浏览器时,主页显示是360导航原因是:360安全卫士默认设置你的主页为360导航并且锁定了. 解决方法: 打开 ...

解决360浏览器或者IE等浏览器使用element 中的el-pagination分页点击有黑框问题

问题描述

解决方案：

解决360浏览器或者IE等浏览器使用element 中的el-pagination分页点击有黑框问题相关推荐

最新文章

热门文章