标签在Electron中开箱即用,自Electron 1.0+原生支持,但渲染效果受Chromium版本和CSS重置影响;若不显色,需检查computed样式、全局CSS覆盖及preload注入逻辑。
HTML5 的 标签在 Electron 桌面应用中完全有效,无需额外配置,但渲染效果取决于 Chromium 版本和 CSS 是否被重置。
Electron 中 能否直接使用
可以。Electron 基于 Chromium,而 是 HTML5 标准标签,自 Chromium 6+(对应 Electron 1.0+)起原生支持。只要没用 CSS 全局重置掉 mark 样式,它就会以默认黄色背景+黑色文字渲染。
常见干扰点:
- 某些 UI 框架(如 Bootstrap、Tailwind)或自定义
reset.css会把mark的background-color设为transparent,导致“看不见” - Electron 主进程不干预 DOM 渲染,所以标签是否生效,纯看渲染进程(即 Web 页面)的 HTML/CSS 环境
- 不依赖 Node.js API 或
webPreferences配置,开箱即用
本地测试时 不显色的排查步骤
在 Electron 窗口中写好
这是重点内容。
立即学习“前端免费学习笔记(深入)”;