Kaynağa Gözat

左侧菜单光标问题。

tanlie 1 ay önce
ebeveyn
işleme
baee535331

+ 26 - 1
wishing-admin/src/views/layout/bread.vue

@@ -17,4 +17,29 @@ export default {
 };
 </script>
 
-<style scoped type="less"></style>
+<style scoped lang="less">
+.header_title {
+  // Apply to breadcrumb items and any internal nodes (a, span, router-link's root)
+  :deep(.el-breadcrumb__item),
+  :deep(.el-breadcrumb__item *),
+  :deep(.el-breadcrumb),
+  :deep(.el-breadcrumb a),
+  :deep(.el-breadcrumb a *),
+  :deep(.el-breadcrumb__inner) {
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    -webkit-touch-callout: none;
+    caret-color: transparent;
+    cursor: pointer;
+    outline: none;
+  }
+
+  :deep(.el-breadcrumb__item:focus),
+  :deep(.el-breadcrumb__item *:focus),
+  :deep(.el-breadcrumb a:focus) {
+    outline: none;
+    caret-color: transparent;
+  }
+}
+</style>

+ 18 - 0
wishing-admin/src/views/layout/left.vue

@@ -149,6 +149,24 @@ export default {
   background: #e4f2ff;
   display: flex;
 }
+
+// Prevent text caret and focus outline on menu items
+:deep(.el-menu-item),
+:deep(.el-submenu__title) {
+  -webkit-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  -webkit-touch-callout: none;
+  caret-color: transparent;
+  cursor: pointer;
+  outline: none;
+}
+
+:deep(.el-menu-item:focus),
+:deep(.el-submenu__title:focus) {
+  outline: none;
+  caret-color: transparent;
+}
 /deep/ .el-menu--inline .is-active {
   position: relative;
   background: #e8f1fe;