Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使文本框忽略css中的样式_Css - Fatal编程技术网

使文本框忽略css中的样式

使文本框忽略css中的样式,css,Css,我的视图中有一个id为“Email”的文本框,我需要该id保持原样。但是,css文件中有一个#Email字段,我的文本框在该字段中获得样式。我如何才能使它忽略该样式?如果不更改ID或覆盖强加的样式,就不能忽略该样式。这就是CSS所做的。在样式表中尽量避免这样的歧义。如果要覆盖属性。这样写 input#Email{ color:red; } 最好将文本框的ID从电子邮件更改为其他ID您的选项包括: 更改CSS,它显式地指向一个ID,这样您就可以期待它了 要做到这一点,ID绑定样式不是我最喜欢的

我的视图中有一个id为“Email”的文本框,我需要该id保持原样。但是,css文件中有一个#Email字段,我的文本框在该字段中获得样式。我如何才能使它忽略该样式?

如果不更改ID或覆盖强加的样式,就不能忽略该样式。这就是CSS所做的。在样式表中尽量避免这样的歧义。

如果要覆盖属性。这样写

input#Email{
 color:red;
}

最好将文本框的ID从
电子邮件更改为其他ID

您的选项包括:

  • 更改CSS,它显式地指向一个ID,这样您就可以期待它了 要做到这一点,ID绑定样式不是我最喜欢的,考虑一下 使其成为常规样式,以便您可以在电子邮件中使用class=“email” 标记或使其更具体,从而使其不是一个覆盖ID绑定
  • 更改标记中的ID(您已指示不能更改) 这样做)
  • 使用jQuery、messy和hacky删除该类
  • 您能否将CSS中的
    #电子邮件
    分组到所需的位置?例如,可能是
    #电子邮件
    应该放在一些
    文章或其他东西里面

    而不是像以下那样使用CSS:

    #Email {background: #ccc;}
    
    你可以认为写作是:

    .article #Email, p #Email {background: #ccc;}
    
    或者,你也可以这样做。由于您知道您不希望对带有
    #Email
    输入设置样式,因此可以编写CSS:

    input#Email {background: none;}
    
    并重置上述全局样式


    希望这有帮助!:)

    在css文件中,尝试在
    #email
    之前写入一些父元素id,在

    的情况下,这些id不存在。您可以定义“style=”“”属性(文本框的显式样式)并手动覆盖交付的样式。但你不能全盘否定所有的风格

    <textbox id="email" style="...">
    ...
    </textbox>
    
    
    ...
    
    您不能忽略CSS设置。你需要以某种方式覆盖它。也就是说,您不能告诉浏览器在样式设置不存在的情况下会执行什么操作,但可以告诉浏览器以您的方式显示图元

    如果您有多个文本输入字段,并且其中一个字段受某些CSS规则的影响,那么通常最好统一设置所有文本输入字段的样式(不一定相同,因为至少可以改变宽度以提高可用性)。但是因为有一个CSS规则使用id选择器,它具有很高的特异性,所以您需要考虑到这一点,以便您的规则也应用于该元素。例如:

    input, input#Email {
      font: 100% Calibri, sans-serif;
      color: black;
      background: white;
    }
    

    您可以将其分组,也可以通过重置属性来覆盖它。检查我的答案。Praveen Kumar的答案是正确的,但另一个问题是,在单个文档上重用id(即,有两个id为电子邮件的元素)不是最佳做法。