【问题标题】:how to remove css from the text box?如何从文本框中删除css?
【发布时间】:2012-12-25 13:44:00
【问题描述】:

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

或者准确地说,我想将我的文本框发送到其默认样式。

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

Default textbox border-style and width

有什么帮助吗?

编辑:

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

css 是 --

ControlBackground_Yellow    
{
    background-color:#FFFF00;
}

ControlBackground_White     
{
    background-color:#FFFFFF;
}

PS:抱歉不允许使用jQuery

【问题讨论】:

  • 您能详细说明一下吗?应用 CSS 的代码是什么?您可以通过删除相关类来做到这一点。
  • 如果我理解正确,请看这里你想要设置可以在代码中完成的样式,也可以看这里WebControl.CssClass Property
  • 将问题修改为详细说明。
  • 你为什么要做这个服务器端?肯定,肯定,肯定,控制你的css的逻辑属于你前端的javascript?
  • 没有编写的代码在我的类文件中。

标签: c# asp.net css stylesheet


【解决方案1】:

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

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

 $arrow.removeClass();

你可以再次添加类:

 $arrow.addClass('className');

【讨论】:

  • 抱歉不允许使用jQuery
  • 您的回答也是正确的,正如我在各个网站上看到的那样,但问题是我无法使用 JQuery。
【解决方案2】:

根据您的实施,您可以:

使用 jQuery 删除/添加文本框上的类:

  $('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');

【讨论】:

    【解决方案3】:

    我刚刚删除了这一行

       background-color:#FFFFFF;
    

    来自我的 CSS。

        ControlBackground_Yellow    
    {
        background-color:#FFFF00;
    }
    
    ControlBackground_White     
    {
        background-color:#FFFFFF;
    }
    

    感谢大家的帮助。

    【讨论】:

      【解决方案4】:

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

      textBox.Attributes.Remove("class");
      

      单词“class”指向当前应用于textBox的类,不需要替换这个文本。希望对您有所帮助。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2013-09-05
        • 2011-06-02
        • 1970-01-01
        • 2021-02-20
        • 1970-01-01
        相关资源
        最近更新 更多