Javascript 覆盖全局字体大小：62%

我创建了一个小的浏览器扩展，它向linkedin.com网站呈现一个覆盖按钮。到目前为止一切正常-但在试用时，我意识到LinkedIn使用了某种全局

字体大小：62,5%

，这打破了我的整个布局。

禁用全局字体大小缩放时，“我的覆盖”按钮看起来很好

我试图在几个地方用

字体大小：100%覆盖此设置！重要信息

-未成功。 我对CSS没有太多经验，所以我想也许有人对解决这个问题有更具创造性的想法：）

覆盖图如下所示：

预计会更像这样：

---

我正在使用Material UI构建设计元素。

当字体大小设置为百分比时，它是相对于父级的。因此，将其设置为100%只是将其保持与父级相同的大小。尝试将其设置为固定大小，例如16px，或大于100%的值以进行补偿，例如1.6rem或160%或其他值。

这实际上已经是一个很好的提示，谢谢！对于如何从外部CSS文件重置所有CSS设置，您是否有其他想法？正如您所看到的，不仅字体大小，而且边框设置都是错误的。MUI样式本身应该覆盖外部CSS，因为它创建自定义类名以获得更高的特异性，所以边框问题让我有点惊讶。我想使用开发工具仔细检查输入等，以确认哪些属性被覆盖，以及被什么源覆盖。也许梅的风格供应商能帮上忙？还是环球？