添加第三方小部件后更改了页面 CSS

Question

我已将第三方小部件添加到我在 Hubspot 中管理的网页，它正在更改页面上的其他 CSS。字体系列、大小和颜色都已更改，无需我编辑任何内容 CSS。我还没有找到可行的解决方案。我相信小部件正在向我的页面主体添加样式标签，但我没有办法将其删除。如果有任何建议或指导，我将不胜感激。

小部件添加了 div 和来自第三方的脚本标签，如下所示：

<div id="ss-custom-reviews-widget-r"></div> 
<script id="ss-custom-reviews-widget-s" src="https://12345.cloudfront.net/custom_script.js" 
ss-custom-reviews-widget-api-key="12345" widget-key="{{ tableRow[0].expID }}" 
type='text/javascript'> </script>

我无法编辑小部件的 css 或 js 文件。

Answer 1

这取决于 widget/library 的添加方式。如果它是通过 HTML 标记中的 link 或脚本标记添加的，一些基本的编译器行读取行为可以工作，例如

<head>
    <link rel="stylesheet" href="your-widget.css">
    <link rel="stylesheet" href="your-custom.css">
</head>

但是您应该提供屏幕截图和有关如何添加小部件的详细信息。

Answer 2

小部件是否加载自己的 CSS 文件？听起来确实如此，而且它凌驾于您的风格之上。要修复它，您可以尽可能修改小部件 CSS sheet。如果不为您的风格添加更高的特异性 sheet.

添加第三方小部件后更改了页面 CSS

Page CSS changed after adding third party widget

css

widget

hubspot