javascript - 劫持 CSS 定义

Question

我需要一种 JavaScript/jQuery 方法来“劫持”不基于类或 ID 的 CSS 定义。

CSS 示例:

input {
    border: 1px solid red;
}

如果我有一个文件，比方说，<span>中的元素，我想将此元素添加到此定义中。

所以我会做 $(this).magicAwesome();并且输入 CSS 定义中定义的红色边框也将应用于此非输入元素。

有没有办法实现这种效果？我不在乎它是否hackish。 :)

提前致谢!

Answer 1

您可以读取选定元素的计算样式，然后复制它，或者从样式表本身读取 CSS 声明。由于 IE 与标准的不同，阅读样式表有点痛苦。

参见:Dynamically add referenced stylesheet to inline styles

http://www.javascriptkit.com/domref/stylesheet.shtml

https://developer.mozilla.org/en/DOM/document.styleSheets