Question

我在删除应用于html标记的CSS类的属性时遇到问题。我无法从jquery中删除应用于HTML元素的css类的特定属性。

我可以删除下面的颜色属性，

<h3 id ="inbuild" style="color:red; text-align:left; font-size:40pt;">
    this is in-build style
</h3>

为此，我使用这个jquery来删除颜色属性及其工作正常。

$("#inbuild").prop("style").removeProperty("color");

但如果我在单独的css类中有样式，我不知道如何删除它。

.sampleclass
{
    color:red;
    text-align:left;
    font-size:40pt;
}

<h3 id ="external" class="sampleclass">
    this should be red with CSS property
</h3>

我已经尝试过使用以下删除颜色属性，但我仍然无法将其删除。

$("#reset1").on("click",
  function ()
  { 
     $("#external").prop(".sampleclass").removeProperty("color");
  }
);

有人可以建议我如何删除它吗？

Answer 1

你无法删除课程的某些部分。您要么删除/替换整个类，要么使用新值重载特定的样式，即： $("#external").css({color: inherit});

Answer 2

试试这个

$("#reset1").on("click", function () { 
         $("#external").css("color","inherit");
    });

Answer 3

您可以尝试继承：

$(".class").css("propertyName","inherit");

Answer 4

你可以试试这个：

Working Demo

$("#reset1").on("click",
   function ()
   { 
     $("#inbuild").css("color","inherit");
   }
);

删除css类的特定属性的问题

4 个答案: