2017-01-02 4 views
1

У меня есть входной тег этого класса, получить его из kendostyleУдалить стиль из класса в CSS

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

и класс к-входным является:

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

Теперь, я дон 't хотите стиль

height: 2.214em; 

В этом классе, как я могу это сделать?

Я не могу редактировать этот класс является файл CSS, поскольку он используется в некоторых других тегов

+0

переопределить его Пользовательские CSS. –

+0

Это не то, как работает CSS. Вы должны добавить более конкретный селектор, который применяет более конкретный стиль. – meagar

+0

$ ('. K-textbox.k-input'). Css ('height', ''); – Shaybi

ответ

1

Если вы не хотите стиля для конкретной линии, вы можете использовать встроенный CSS для

переопределения устанавливаемых сотовых

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

добавить этот путь другой CSS

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

добавить родительский DIV затем стиль как

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

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

Изменение свойства на пустую строку, похоже, выполняет эту работу.

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

@ 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" >

1

Добавить один раз статический div и обернуть текстовое поле в div.

Попробуйте это ..

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


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

Вы можете сделать это с помощью JQuery также ..

Я надеюсь, что это поможет вам ...

Смежные вопросы