zhengsl/emcp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

样式修改

Browse Source
This commit is contained in:
jingna 2026-06-12 15:16:56 +08:00
parent 894a85c870
commit 7275a66698
1 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/src/components/passwordValie.vue
View File

@ -209,24 +209,31 @@ const handleClose = () => {
</style>
<style lang="scss">
// 使用非 scoped 样式块来重置父组件穿透过来的样式
.password-dialog-content .el-select__wrapper,
.password-dialog-content .el-input__wrapper {
// 使用更高优先级选择器覆盖父组件穿透过来的样式
.el-dialog .password-dialog-content .el-select__wrapper,
.el-dialog .password-dialog-content .el-input__wrapper,
.el-dialog__body .password-dialog-content .el-select__wrapper,
.el-dialog__body .password-dialog-content .el-input__wrapper {
border: 1px solid #dcdfe6 !important;
box-shadow: none !important;
background: #ffffff !important;
text-align: left !important;
}
.password-dialog-content .el-select__wrapper.is-hover,
.password-dialog-content .el-input__wrapper.is-hover,
.password-dialog-content .el-select__wrapper.is-focused,
.password-dialog-content .el-input__wrapper.is-focused {
.el-dialog .password-dialog-content .el-select__wrapper.is-hover,
.el-dialog .password-dialog-content .el-input__wrapper.is-hover,
.el-dialog .password-dialog-content .el-select__wrapper.is-focused,
.el-dialog .password-dialog-content .el-input__wrapper.is-focused,
.el-dialog__body .password-dialog-content .el-select__wrapper.is-hover,
.el-dialog__body .password-dialog-content .el-input__wrapper.is-hover,
.el-dialog__body .password-dialog-content .el-select__wrapper.is-focused,
.el-dialog__body .password-dialog-content .el-input__wrapper.is-focused {
box-shadow: 0 0 0 2px rgba(0, 153, 255, 0.1) !important;
border-color: #c0c4cc !important;
}
.password-dialog-content .el-input__inner {
.el-dialog .password-dialog-content .el-input__inner,
.el-dialog__body .password-dialog-content .el-input__inner {
text-align: left !important;
}
</style>