Remove a style from a class in CSS

Question

I have a input tag with this class that get it from kendostyle

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

and the k-input class is:

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

Now, I don't want the style

height: 2.214em;

In this class , how can I do this?

I can't edit this class is css file because it is used in some other tags

That isn't how CSS works. You should add a more specific selector that applies the more specific style. — user229044
– user229044 ♦, Commented Jan 2, 2017 at 5:22

Lalji Tadhani · Accepted Answer · 2017-01-02 05:22:19Z

2

add this way other css

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

answered Jan 2, 2017 at 5:22

Lalji Tadhani

14.2k3 gold badges27 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

sansan · Accepted Answer · 2017-01-02 05:37:58Z

1

If you don't want style for particular line, you can use inline css to

override the css

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

answered Jan 2, 2017 at 5:37

sansan

8431 gold badge7 silver badges21 bronze badges

Comments

Jishnu V S · Accepted Answer · 2017-01-02 05:22:37Z

1

add parent div then style like

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

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

answered Jan 2, 2017 at 5:22

Jishnu V S

8,4377 gold badges30 silver badges59 bronze badges

Comments

Nitheesh · Accepted Answer · 2017-01-02 05:23:09Z

1

Changing the property to an empty string appears to do the job.

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

answered Jan 2, 2017 at 5:23

Nitheesh

20.1k3 gold badges28 silver badges52 bronze badges

Comments

Hardik Kalathiya · Accepted Answer · 2017-01-02 05:38:24Z

1

Add once static div and wrap text box in div.

Try this..

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


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

You can do this by jQuery also..

I hope it's help for you...

answered Jan 2, 2017 at 5:38

Hardik Kalathiya

2,2531 gold badge20 silver badges29 bronze badges

Comments

sanjay · Accepted Answer · 2017-01-02 05:42:15Z

1

@user2830448 Please check following code as per your requirement. You can change height in first input as much you require:

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

edited Jan 2, 2017 at 5:42

answered Jan 2, 2017 at 5:33

sanjay

2262 silver badges12 bronze badges

Collectives™ on Stack Overflow

Remove a style from a class in CSS

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related