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

Posted 2022-12-06 野猪佩奇007

问题描述

在使用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;

结果：