how to remove css from the text box?

Question

The question might sound dumb... but I have a code that is applying a css on a text box. now I want it to be set as default again on another condition.

Or to be precise I want to sent my textbox to its default style.

Searching on the internet and stackoverflow I have fount these answers -

Default textbox border-style and width

Any help?

EDIT :

    if (condition)
        {
            txtLastName.CssClass="ControlBackground_Yellow"; 
        }
    else
        {               
            txtLastName.CssClass="ControlBackground_White"; 
        }

css is --

ControlBackground_Yellow    
{
    background-color:#FFFF00;
}

ControlBackground_White     
{
    background-color:#FFFFFF;
}

PS:sorry not allowed to use jQuery

Can you elaborate, please? What's the code that's applying the CSS? You can probably do this just by removing the relevant class. — JesseTG
– JesseTG, Commented Jan 11, 2013 at 1:54
look here if I understand you correctly you are wanting to set the style this can be done in code as well look here WebControl.CssClass Property — MethodMan
– MethodMan, Commented Jan 11, 2013 at 1:56
Why are you trying to do this server side? Surely, surely, surely, the logic controlling your css belongs in your javascript on the frontend? — Abraham P
– Abraham P, Commented Jan 11, 2013 at 1:59

Umesh · Accepted Answer · 2013-01-11 01:55:53Z

3

You can use jQuery to remove css class from your control based on certain condition:

 var $arrow = jQuery('<div class="arrow"></div>');

 $arrow.removeClass();

You can again add class:

 $arrow.addClass('className');

answered Jan 11, 2013 at 1:55

Umesh

2,74221 silver badges24 bronze badges

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

2 Comments

akhil Over a year ago

sorry not allowed to use jQuery

akhil Over a year ago

Your answer is also correct as I have seen in various websites but the problem is that I just can't use JQuery.

Abraham P · Accepted Answer · 2013-01-11 01:57:58Z

0

Depending on your implementation you can either:

Use jQuery to remove/addClasses on your textbox:

  $('input[type=text].yourClass#yourId)).removeClass('class_to_remove');
  $('input[type=text].yourClass#yourId)).removeClass('class_to_add');

Or use jQuery to directly set css values:

  $('input[type=text].yourClass#yourId)).css('display', 'block');
  $('input[type=text].yourClass#yourId)).css('border-color', 'red');

answered Jan 11, 2013 at 1:57

Abraham P

15.6k14 gold badges64 silver badges131 bronze badges

Comments

akhil · Accepted Answer · 2013-01-11 02:07:35Z

0

I just removed this line

   background-color:#FFFFFF;

from my css.

    ControlBackground_Yellow    
{
    background-color:#FFFF00;
}

ControlBackground_White     
{
    background-color:#FFFFFF;
}

thanks guys for ur help.

answered Jan 11, 2013 at 2:07

akhil

1,2323 gold badges22 silver badges43 bronze badges

Comments

JCO9 · Accepted Answer · 2016-05-03 12:00:14Z

0

Can try this line from code behind as well:

textBox.Attributes.Remove("class");

The word "class" points to the current class applied to the textBox, does not need to replace this text. Hope it helps.

answered May 3, 2016 at 12:00

JCO9

9901 gold badge15 silver badges24 bronze badges

Collectives™ on Stack Overflow

how to remove css from the text box?

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related