从CSS中的类中删除样式

Question

我有一个输入标签与此类从kendostyle获得它

<input class="k-textbox k-input" >

和k输入类是：

.k-input{
    height: 2.214em;
    line-height: 2.214em;
    padding: .177em 0;
    text-indent: .8em;
    border: 0;
    margin: 0;
}

现在，我不需要样式

height: 2.214em;

在这堂课中，我该怎么做？

我无法编辑此类为css文件，因为它已在其他一些标签中使用

Answer 1

这样添加其他CSS

.k-textbox.k-input{height:auto;}

Answer 2

添加父div然后样式像

<div class="parent">
  <input class="k-textbox k-input" >
</div>

.parent > .k-input{
  height: auto;
}

Answer 3

将属性更改为空字符串似乎可以完成这项工作。

$(".k-input").css("height", "");

Answer 4

@ user2830448请根据您的要求检查以下代码。 您可以根据需要在第一输入中更改高度：

 .k-input{ height: 2.214em; line-height: 2.214em; padding: .177em 0; text-indent: .8em; border: 0; margin: 0; } .custom_parent .k-input{ height:auto !Important; } 

 <div class="custom_parent"> <input type="text" class="k-textbox k-input" > </div> <input class="k-textbox k-input" > 

Answer 5

如果您不想特定行的样式，可以使用内联css

覆盖CSS

<input class="k-textbox k-input"  style="height: auto;">

Answer 6

添加一次静态div并将文本框包装在div中。

尝试这个..

<div class="cstm-input">
<input class="k-textbox k-input" />
</div>


div.cstm-input .k-input{
    height: auto !important;
}

您也可以通过jQuery完成此操作。

希望对您有帮助...