我使用 Blogger.com 创建了一个博客。
您可以编辑一些 HTML,包括加载到头部的 CSS 样式。
要在博客上执行各种操作,例如添加搜索框,您可以在 Blogger 的仪表板中启用各种“小工具”。这些将 Javascript 插入到注入 HTML 的页面中。
您不能编辑 Javascript 脚本。脚本使用内联 CSS 为它们注入的 HTML 设置样式。
如何使用插入头部的 CSS 覆盖这些样式?
我已经尝试过 !important 并尽可能具体地使用我的选择器。
我使用 Blogger.com 创建了一个博客。
您可以编辑一些 HTML,包括加载到头部的 CSS 样式。
要在博客上执行各种操作,例如添加搜索框,您可以在 Blogger 的仪表板中启用各种“小工具”。这些将 Javascript 插入到注入 HTML 的页面中。
您不能编辑 Javascript 脚本。脚本使用内联 CSS 为它们注入的 HTML 设置样式。
如何使用插入头部的 CSS 覆盖这些样式?
我已经尝试过 !important 并尽可能具体地使用我的选择器。
根据CSS 特殊性的规则,内联样式几乎总是获胜。看到这个 jsfiddle。
您可以从样式表中获得一些限制,但是如果您可以访问页面上的一些 javascript,那么您应该能够根据自己的喜好设置样式。
我已经得出了答案。您只需在此处插入样式:
</body>
<style type='text/css'>
/* insert styles here */
</style>
</html>
然后在 Javascript 注入 HTML 后加载样式,覆盖内联样式。
尝试将 !important 添加到 CSS 规则中。
或者自己写一些js