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