From afb0b132566326bde050143caa3d99440631267d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=83=9D=E5=85=88=E7=91=9E?= <1490493387@qq.com> Date: Thu, 26 May 2022 10:01:04 +0800 Subject: [PATCH] =?UTF-8?q?fix(element-plus.scss):=20=E5=86=85=E6=A0=B8?= =?UTF-8?q?=E8=BE=83=E6=97=A7=E7=9A=84=E6=B5=8F=E8=A7=88=E5=99=A8=E4=B8=8D?= =?UTF-8?q?=E6=94=AF=E6=8C=81:not(selector=20list)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Former-commit-id: d3a796dd0300093578578ff43b01dcf117244ade --- src/styles/element-plus.scss | 39 ++++++++++++++++++++++++++++++++++++ 1 file changed, 39 insertions(+) diff --git a/src/styles/element-plus.scss b/src/styles/element-plus.scss index fa401fe6..ac965953 100644 --- a/src/styles/element-plus.scss +++ b/src/styles/element-plus.scss @@ -48,3 +48,42 @@ .el-table__header col[name='gutter'] { display: table-cell !important; } + + +// fix: 内核较旧的浏览器不支持:not(selector list) +.el-button:not(.is-text), +.el-button:not(.is-link), +.el-button:not(.el-button--text) { + background-color: var(--el-button-bg-color); + border: var(--el-border); + border-color: var(--el-button-border-color) +} + +.el-button:not(.is-text):focus, +.el-button:not(.is-link):focus, +.el-button:not(.el-button--text):focus, +.el-button:not(.is-text):hover, +.el-button:not(.is-link):hover, +.el-button:not(.el-button--text):hover { + color: var(--el-button-hover-text-color); + border-color: var(--el-button-hover-border-color); + background-color: var(--el-button-hover-bg-color); + outline: 0 +} + +.el-button:not(.is-text):active, +.el-button:not(.is-link):active, +.el-button:not(.el-button--text):active { + color: var(--el-button-active-text-color); + border-color: var(--el-button-active-border-color); + background-color: var(--el-button-active-bg-color); + outline: 0 +} + +.el-button:not(.is-text):focus-visible, +.el-button:not(.is-link):focus-visible, +.el-button:not(.el-button--text):focus-visible { + border-color: transparent; + outline: 2px solid var(--el-button-border-color); + outline-offset: 1px +}