如何使用css用类声明覆盖内联样式

Question

我知道您可以使用[style]来覆盖div或其他元素中的样式元素，但是谁来覆盖在其中声明样式类的内联样式调用呢？我无法更改原始代码，因为它是由第三方系统引入的。所以我尝试通过CSS将颜色从黑色改为白色。

这是代码：

<form class="form" id="my-form">
<style type="text/css">
form.form p label { color: #000; }
</style>
<p class="form-field">
<label class="field-label">Email</label>

...

我试过

form.form p label{
color:#fff !important;
}

和

form.form p label[style]{
color:#fff !important;
}

再加上在上面添加一个类，但这些都不起作用。建议？

Answer 1

!important应该覆盖它。

<style>
form.form p label { color: red!important; }
</style>

<form class="form" id="my-form">
<style type="text/css">
form.form p label { color: #000; }
</style>
<p class="form-field">
<label class="field-label">Email</label>
</form>