diff --git a/web/src/assets/styles/art-element-ui.scss b/web/src/assets/styles/art-element-ui.scss index 7f277805..5c35a999 100644 --- a/web/src/assets/styles/art-element-ui.scss +++ b/web/src/assets/styles/art-element-ui.scss @@ -805,7 +805,10 @@ } } -// 全局强制显示所有弹窗关闭按钮 +// 全局强制显示所有弹窗关闭按钮 - 使用更强的选择器 +.el-overlay .el-dialog .el-dialog__headerbtn, +.el-dialog .el-dialog__headerbtn, +.el-message-box .el-message-box__headerbtn, .el-dialog__headerbtn, .el-message-box__headerbtn { display: block !important; @@ -817,8 +820,13 @@ z-index: 1000 !important; width: auto !important; height: auto !important; + inset-inline-end: 15px !important; /* 现代CSS属性,覆盖Element Plus的内联样式 */ } +// 强化关闭按钮样式,确保优先级足够高 +.el-overlay .el-dialog .el-dialog__headerbtn .el-dialog__close, +.el-dialog .el-dialog__headerbtn .el-dialog__close, +.el-message-box .el-message-box__headerbtn .el-message-box__close, .el-message-box__headerbtn .el-message-box__close, .el-dialog__headerbtn .el-dialog__close { display: block !important; @@ -835,6 +843,12 @@ border: none !important; cursor: pointer !important; outline: none !important; + position: relative !important; + inset: auto !important; + top: auto !important; + left: auto !important; + right: auto !important; + bottom: auto !important; &:hover { background-color: rgba(var(--art-gray-200-rgb), 0.7) !important; @@ -846,6 +860,29 @@ } } +// 额外的强制样式,应对Element Plus可能的内联样式 +.el-dialog__header { + position: relative !important; + + .el-dialog__headerbtn { + position: absolute !important; + top: 6px !important; + right: 15px !important; + inset-inline-end: 15px !important; + } +} + +.el-message-box__header { + position: relative !important; + + .el-message-box__headerbtn { + position: absolute !important; + top: 6px !important; + right: 15px !important; + inset-inline-end: 15px !important; + } +} + .el-message-box__title { font-weight: 500 !important;