将css注入到现有的网页中

Inject css into exsisting web page

本文关键字：网页 css 注入      更新时间：2023-09-26

我正在尝试修改一个网站的CSS，因为我无法更改CSS。

我正在为一家使用第三方软件"Inksoft"的公司开发一些自定义模板，该软件允许创建商店，还包括一个设计工作室，用于设计自己的t恤等。

他们提供的模板不是最好的，所以我想修改css，让它们更好一点。有些地方我可以插入html，所以我可以使用JavaScript。有人提到可能使用setTimeout。

以下是使用其中一个模板创建的页面示例：http://stores.inksoft.com/Trevor_Friedrich/

有人有什么想法吗？提前感谢！

http://jsfiddle.net/wkCnb/你绝对可以使用JavaScript将CSS添加到你的页面中。

HTML

<div>test</div>

DOMReady 上的JavaScript

var cssText = "div { background-color: black; color: white;}";
var css = document.createElement("style");
css.type = "text/css";
if("textContent" in css)
    css.textContent = cssText;
else
    css.innerText = cssText;
document.body.appendChild(css);

如果您可以插入HTML，那么您可以创建一个<style>标记，并在其中放入所需的规则。如果它们与现有规则冲突，则可以将!important应用于这些规则。

相关文章：