表格中的背景颜色?

时间:2011-07-22 07:33:27

标签: html css

我正在尝试为html表单标记设置背景颜色,但它不起作用?!我认为这是一项简单的任务!帮助精确!谢谢!

#form{
background-color: #000;
padding: 10px;
}

6 个答案:

答案 0 :(得分:4)

您可以使用内联样式:

<form style="background-color:#E6E6FA">
<input type="submit" value="ClickMe" >
</form>

JSFiddle Example

答案 1 :(得分:3)

我们可以看到您表单的HTML代码吗?也许你正在使用的一个类与你的#form声明冲突。

另外,如果您希望“表单块”具有背景,请将其放在div中并将其置于背景中。

如果要为表单输入提供背景,则应为输入对象指定样式

#form input{
  background-color: #000;
}

#form input .submit{ ... }

#form label { ... }

等等

答案 2 :(得分:3)

您应该发布html,但是如果您想将样式表设置为“标签”形式,则不应使用#。而是做类似的事情:

form {background:#000000;}

“#”适用于带有附加id的元素。你写的样式表适用于像这样的元素     &LT; div id =“form”&gt; etc ...&lt; / div&gt;

答案 3 :(得分:0)

我有同样的问题。表单中包含fieldset标签,并且标签具有float:left样式。这导致背景色无法渲染。没有浮子就行了。

答案 4 :(得分:0)

如果您不想在表单中设置背景,则将background设置为none

答案 5 :(得分:0)

对于表单中的背景色,请在表单标签中通知表单控件,并在样式标签中提供此表单字段,如下所示。

form {
  background-color: #FFC;
}