如何通过javascript覆盖内联css？

我们可以通过javascript覆盖内联css吗与IE6兼容

我发现这个纯css解决方案在IE中不起作用

---

此解决方案适用于除IE6之外的所有主流浏览器。

当然，您可以使用jQuery的css（）方法：

例如，如果您有以下HTML：

<p style="color:red;">A colored text</p>

---

它将在IE6中工作。

！重要信息

在IE6中确实有效，只是您的选择器

span[style]

不起作用，因为那里不支持属性选择器。如果您可以找到另一个选择器来选择要覆盖的跨距，那就可以了。也许只要

.block span

就足够了

否则，是的，如果必须的话，您可以从JavaScript更改它（您对标记没有任何控制权吗？）

---

有没有什么纯css解决方案可以做到这一点jquerys css（）实际上在DOM中添加了内联css。反过来说，用css覆盖jQuerys css（）更难（它使用！important工作，但在IE6中不可用）。您想在运行时还是在文件中进行更改？在文件中，只需使用

style

属性，否则在运行时您将需要使用客户端脚本语言。我不确定您要问什么，但在我的示例中，您可以在css文件中尝试：p{color:blue！important；}。@Jitendra：纯css解决方案是添加！重要的是，如前所述，IE6没有遵循。在w3c阅读更多关于CSS继承的信息。删除标题后面的[solved]，这样问题就永远不会最终解决，总有更好的替代方案或值得注意的变体。毕竟维基也是如此。好的，谢谢你提供的信息。我不知道这件事

.block span[style]{
    font-weight: normal !important;
    color: #000 !important;
}

<p style="color:red;">A colored text</p>

$("p").css("color","blue");

span.style.fontWeight= 'normal';
span.style.color= 'black';