diff --git a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/shared/EmergencyPlanContent.vue b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/shared/EmergencyPlanContent.vue index 917003b..adbf06b 100644 --- a/packages/screen/src/views/3DSituationalAwarenessRefactor/components/shared/EmergencyPlanContent.vue +++ b/packages/screen/src/views/3DSituationalAwarenessRefactor/components/shared/EmergencyPlanContent.vue @@ -707,22 +707,24 @@ const handleDeletePlan = (id) => { :deep(.el-textarea__inner) { background: #052044 !important; - border: 1px solid rgba(28, 161, 255, 0.3) !important; + border: none !important; + box-shadow: 0 0 0 1px rgba(28, 161, 255, 0.3) inset !important; border-radius: vw(4); color: var(--text-white); font-size: fs(13); font-family: SourceHanSansCN-Regular, sans-serif; line-height: 1.6; padding: vh(8) vw(12); - transition: border-color 0.3s ease; + transition: box-shadow 0.3s ease; &:hover { - border-color: var(--primary-color) !important; + box-shadow: 0 0 0 1px var(--primary-color) inset !important; } - &:focus { - border-color: var(--primary-color) !important; - box-shadow: none !important; + &:focus, + &:focus-visible { + box-shadow: 0 0 0 1px var(--primary-color) inset !important; + outline: none !important; } &::placeholder { @@ -835,22 +837,24 @@ const handleDeletePlan = (id) => { .follow-up-textarea { :deep(.el-textarea__inner) { background: #052044 !important; - border: 1px solid rgba(28, 161, 255, 0.3) !important; + border: none !important; + box-shadow: 0 0 0 1px rgba(28, 161, 255, 0.3) inset !important; border-radius: vw(4); color: var(--text-white); font-size: fs(13); font-family: SourceHanSansCN-Regular, sans-serif; line-height: 1.8; padding: vh(10) vw(14); - transition: border-color 0.3s ease; + transition: box-shadow 0.3s ease; &:hover { - border-color: var(--primary-color) !important; + box-shadow: 0 0 0 1px var(--primary-color) inset !important; } - &:focus { - border-color: var(--primary-color) !important; - box-shadow: none !important; + &:focus, + &:focus-visible { + box-shadow: 0 0 0 1px var(--primary-color) inset !important; + outline: none !important; } &::placeholder {