输入和文本字段中的背景颜色
我想更改表单文本和输入字段中的颜色背景,但是当我这样做时,它也会影响提交按钮!是否可以通过其他不影响按钮的方式来完成?
我用过这段代码:
input, textarea {
background-color: #d1d1d1;
}
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
编辑:工作示例,http://jsfiddle.net/C5WxK/
Edit: working example, http://jsfiddle.net/C5WxK/
最好的解决方案是 CSS 中的属性选择器 (
input[type="text"]
),正如其他人建议的那样。但如果您必须支持Internet Explorer 6,您无法使用它 (怪异模式)。好吧,前提是您必须并且也愿意支持它。
在这种情况下,您唯一的选择似乎是在输入元素上定义类。
并使用类选择器来定位它们:
The best solution is the attribute selector in CSS (
input[type="text"]
) as the others suggested.But if you have to support Internet Explorer 6, you cannot use it (QuirksMode). Well, only if you have to and also are willing to support it.
In this case your only option seems to be to define classes on input elements.
and target them with a class selector:
您想要限制为文本类型的输入字段,因此请使用选择器
input[type=text]
而不是input
(这将应用于所有输入字段(例如那些也是提交类型))。You want to restrict to input fields that are of type text so use the selector
input[type=text]
rather thaninput
(which will apply to all input fields (e.g. those of type submit as well)).除了解决问题之外,您还可以简单地使用带有 type="submit" 的按钮标签
,现在您可以将 HTML 放入其中(例如图标),而不是使用 value 属性来设置文本。
如果您需要在表单中插入普通按钮,请使用 type="button" 来防止它提交表单
you can simply use the button tag with type="submit"
besides solving your problem, now you can put HTML inside it(icons for example), rather than using the value attribute to set the text.
If you need to insert a normal button inside a form, use type="button" to prevent it submitiing the form