如何将CSS样式应用于由Javascript脚本注入和样式化的HTML，这是我无法控制的

How to apply CSS styles to HTML injected and styled by a Javascript script that's beyond my control

本文关键字：样式 HTML 控制 CSS 应用于 注入 脚本 Javascript      更新时间：2023-09-26

我用 Blogger.com 创建了一个博客。

您可以编辑一些 HTML，包括加载在头部内部的 CSS 样式。

要在博客上执行各种操作（例如添加搜索框），请在 Blogger 的信息中心内启用各种"小工具"。这些将Javascript插入到注入HTML的页面中。

您无法编辑 Javascript 脚本。脚本使用内联 CSS 设置它们注入的 HTML 样式。

如何使用插入到头部的 CSS 覆盖这些样式？

我已经尝试了！重要，并尽可能具体地使用我的选择器。

根据CSS的规则，内联样式几乎总是赢家。看到这个jsfiddle。

对于样式

表所能实现的目标有一些限制，但是如果您可以访问页面上的某些javascript，那么您应该能够按照自己喜欢的方式进行样式设置。

尝试将 ！important 添加到 CSS 规则中。

或者自己写一些js

我已经找到了答案。您只需在此处插入样式：

</body>
  <style type='text/css'>
     /* insert styles here */
  </style>
</html>

然后，样式在 Javascript 注入 HTML 后加载，覆盖内联样式。

相关文章：