我正在做一些关于CSS / JS插件的工作。我希望能够在我的样式表中写出类似的东西:
.whatever {
background:
-custom-renderer("ctx.beginPath(); ctx.moveTo(0, 40); ctx.lineTo(240, 40); ctx.moveTo(260, 40); ctx.lineTo(500, 40); ctx.moveTo(495, 35); ctx.lineTo(500, 40); ctx.lineTo(495, 45);")
repeat-x;
background: rgb(30, 30, 30); /* fallback */
我需要使用Javascript访问此属性并使用其他属性重写它。现在的问题是,我所知道的所有方法(document.styleSheets[1].cssRules
,document.defaultView.getMatchedCSSRules
等)往往只显示回退属性(这通常是很好的行为)。
答案 0 :(得分:0)
为什么不将修改后的CSS规则作为“<style>
”元素添加到文档头中..
看看那个..
http://jonraasch.com/blog/javascript-style-node
*您可以在“<style>
”元素上设置ID,以便使用javascript轻松修改