输入和文本字段中的背景颜色

发布于 2024-10-31 19:08:50 字数 158 浏览 1 评论 0 原文

我想更改表单文本和输入字段中的颜色背景,但是当我这样做时,它也会影响提交按钮!是否可以通过其他不影响按钮的方式来完成?

我用过这段代码:

input, textarea {
  background-color: #d1d1d1;
}

I would like to change the color background in the text and input fields of a form, but when I do this it also affects the submit button! Could it be done in some other way that does not affect the button?

I have used this code:

input, textarea {
  background-color: #d1d1d1;
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

伴我老 2024-11-07 19:08:50
input[type="text"], textarea {

  background-color : #d1d1d1; 

}

编辑:工作示例,http://jsfiddle.net/C5WxK/

input[type="text"], textarea {

  background-color : #d1d1d1; 

}

Edit: working example, http://jsfiddle.net/C5WxK/

凉墨 2024-11-07 19:08:50

最好的解决方案是 CSS 中的属性选择器 (input[type="text"]),正如其他人建议的那样。

但如果您必须支持Internet Explorer 6,您无法使用它 (怪异模式)。好吧,前提是您必须并且也愿意支持它。

在这种情况下,您唯一的选择似乎是在输入元素上定义类。

<input type="text" class="input-box" ... />
<input type="submit" class="button" ... />
...

并使用类选择器来定位它们:

input.input-box, textarea { background: cyan; }

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.

<input type="text" class="input-box" ... />
<input type="submit" class="button" ... />
...

and target them with a class selector:

input.input-box, textarea { background: cyan; }
蓝海 2024-11-07 19:08:50

您想要限制为文本类型的输入字段,因此请使用选择器 input[type=text] 而不是 input (这将应用于所有输入字段(例如那些也是提交类型))。

You want to restrict to input fields that are of type text so use the selector input[type=text] rather than input (which will apply to all input fields (e.g. those of type submit as well)).

玩心态 2024-11-07 19:08:50

除了解决问题之外,您还可以简单地使用带有 type="submit" 的按钮标签

<button type="submit">Submit</button>

,现在您可以将 HTML 放入其中(例如图标),而不是使用 value 属性来设置文本。

如果您需要在表单中插入普通按钮,请使用 type="button" 来防止它提交表单

you can simply use the button tag with type="submit"

<button type="submit">Submit</button>

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文