在CSS中添加样式元素

Question

我想做我自己的自定义CSS元素，这些元素将由我的js文件处理。这个是可能的吗？

以下是一个例子：

div {
    rounded-corners:15px 15px
}

然后使用Javascript为每个浏览器的四舍五入应用样式。

有办法做这种事吗？

编辑

重点不是增加对浏览器的公共支持。我想实现我自己的CSS功能。

Answer 1

答案是“不”。虽然可以通过访问currentStyle属性轻松地从Internet中的样式表中获取样式值，但如下所示：

alert(myDiv.currentStyle['rounded-corners']);
//-> "15px 15px"

...other浏览器不支持currentStyle属性，而是选择支持W3C标准window.getComputedStyle()。getComputedStyle()在结果中不包括“扩张型”样式属性，这意味着您唯一的选择是迭代每个样式表中的规则，这可能是一个昂贵的过程，这取决于您拥有多少样式表和规则。显然，您还会在浏览器的级联/计算中失败。

Answer 2

无论如何，IE9以及火狐和Chrome的最新版本都能处理边界半径。

您可以使用CSS3派向旧版本的IE添加支持。不用自己写剧本。

编辑:我想你可以写你自己版本的CSS3派，但你为什么要写呢？

Answer 3

您可能需要查看SASS/SCSS或较少，它们都提供“混合”功能。这些功能类似于CSS中的函数，应该允许您做您想做的事情。至少可以通过Javascript减少客户端的工作，我怀疑SCSS也能做到。