删除继承的CSS值？

Question

我试图使用Jquery删除继承的CSS属性的值。

.class1 #id1 div.class2 input.class-input{
    border-color: #bbb3b9 #c7c1c6 #c7c1c6;
}

任何人都告诉我如何删除这个＆＃34; border-color＆＃34;。

感谢。

Answer 1

创建一个新类，例如

.new_class{
    border-color: #00ffdd !important;
}

！重要的是诀窍！

Check this

Answer 2

您可以使用jQuery，但是您必须为border-color属性赋值。您可以使用transparent：

$('.class-input').css('border-color', 'transparent');

编辑或者您可以停用整个边框：

$('.class-input').css('border', 'none');

Answer 3

您可以更换div以更改颜色，或使用

将边框颜色设置为空

$(".class1").css("border-color", "");

但是我建议使用removeClass和addClass JQuery函数交换类。

Answer 4

如果您仍想保持边框的宽度：

border-color: transparent;

如果你想一起删除边框

border: 0;

修改： border: none;会给出相同的结果

所以你的jquery看起来像这样：

$(".class-input").css("border","0");

但是如果你不需要动画，我会建议你使用CSS。因为你提出了对.class1 #id1 div.class2 input.class-input.myclass的担忧（我假设你的意思是因为你不会把div扔进输入框。

您可以使用CSS伪选择器:not

.class1 #id1 div.class2 input.class-input:not(.my-class){
   border: 0;
}

Answer 5

处理此问题的最简单方法是添加另一个引用，以使覆盖代码具有更高的特异性。

.class1 #id1 div.class2 input.class-input [#MyNewID]{
border: none;
}

这将删除已添加ID的区域的边框，这样，如果您在其他页面中使用相同的格式，则可以在页面上要求边框“消失”的元素上添加其他ID / p>

请不要使用！重要这是一种覆盖代码的懒惰方式，95％的时间都没有必要。如果您要按下网站范围的皮肤，当您尝试更改此设置时，它也会导致您出现问题。