问题描述
在使用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;
}
结果: