fix(search): CSS选择器从mark改为通用类名

ProseMirror Decoration.inline渲染的是<span>而非<mark>,
导致mark.search-match-highlight选择器无法匹配,高亮不可见
This commit is contained in:
thzxx
2026-06-04 11:30:34 +08:00
parent ef697c5bcf
commit 8bcd8a2b2b
+4 -4
View File
@@ -1579,24 +1579,24 @@ button:focus-visible,
} }
/* Search match highlights */ /* Search match highlights */
mark.search-match-highlight { .search-match-highlight {
background: rgba(255, 213, 0, 0.4); background: rgba(255, 213, 0, 0.4);
color: inherit; color: inherit;
border-radius: 2px; border-radius: 2px;
padding: 0; padding: 0;
} }
mark.search-match-active { .search-match-active {
background: rgba(255, 150, 0, 0.6); background: rgba(255, 150, 0, 0.6);
outline: 1px solid rgba(255, 150, 0, 0.8); outline: 1px solid rgba(255, 150, 0, 0.8);
border-radius: 2px; border-radius: 2px;
} }
:root.dark mark.search-match-highlight { :root.dark .search-match-highlight {
background: rgba(255, 213, 0, 0.25); background: rgba(255, 213, 0, 0.25);
} }
:root.dark mark.search-match-active { :root.dark .search-match-active {
background: rgba(255, 180, 0, 0.4); background: rgba(255, 180, 0, 0.4);
outline-color: rgba(255, 180, 0, 0.6); outline-color: rgba(255, 180, 0, 0.6);
} }