Question

问题可能听起来很愚蠢......但我有一个代码在文本框中应用css。现在我希望它在另一个条件下再次设置为默认值。

或者确切地说，我想将文本框发送到默认样式。

在互联网和stackoverflow上搜索我得到了这些答案 -

任何帮助？

编辑：

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

css是 -

ControlBackground_Yellow    
{
    background-color:#FFFF00;
}

ControlBackground_White     
{
    background-color:#FFFFFF;
}

PS：抱歉不允许使用jQuery

Answer 1

您可以使用jQuery根据特定条件从控件中删除css类：

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

 $arrow.removeClass();

您可以再次添加课程：

 $arrow.addClass('className');

Answer 2

根据您的实施情况，您可以：

使用jQuery删除文本框上的/ addClasses：

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

或者使用jQuery直接设置css值：

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

Answer 3

我刚删除了这一行

   background-color:#FFFFFF;

来自我的CSS。

    ControlBackground_Yellow    
{
    background-color:#FFFF00;
}

ControlBackground_White     
{
    background-color:#FFFFFF;
}

感谢你们的帮助。

Answer 4

也可以从后面的代码中尝试这一行：

textBox.Attributes.Remove("class");

单词“class”指向应用于textBox的当前类，不需要替换此文本。希望它有所帮助。

如何从文本框中删除CSS？

4 个答案: