将css注入现有网页

时间:2013-07-24 17:01:47

标签: javascript css

我正在尝试修改我无权更改css的网站的CSS。

我正在为使用第三方软件'Inksoft'的公司开发一些自定义模板,该软件可以创建商店,还包括一个设计工作室,用于设计自己的T恤等。

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

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

有人有什么想法吗?提前谢谢!

2 个答案:

答案 0 :(得分:8)

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);

答案 1 :(得分:3)

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