为何选中类型的HTML标签被方框包围？如何取消该效果？

主题的CSS样式（比如outline、box-shadow这类高亮样式）确实大概率是问题源头，另外扩展更新冲突、浏览器默认样式变更也可能导致这个情况，给你几个直接可行的解决步骤：

• 先换默认主题测根源：切回浏览器自带的默认主题（比如Chrome的原生浅色/深色主题、Firefox的系统默认主题），再选中HTML元素试试。如果扩展恢复正常，那就是当前主题的样式干扰了扩展的标签显示。
• 自定义CSS屏蔽主题样式：不想换主题的话，用浏览器的自定义样式工具（比如Stylus插件）给扩展的标签元素加专属样式，强制覆盖主题的方框：

  /* 先按F12打开开发者工具，找到扩展标签容器的类名/ID替换这里的选择器 */
  .your-extension-tag-class {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
  }
  

• 重置/重装扩展：进扩展设置页点重置选项，恢复默认配置；要是没用，卸载后重新装最新版本，排除扩展文件损坏的可能。
• 检查浏览器辅助功能：部分浏览器的高对比度、文本高亮辅助功能会强制加方框，去设置的辅助功能板块关掉相关选项再测试。

内容的提问来源于stack exchange，提问作者TheHollyRoller