Question

我正在使用这个免费的网页模板 - EliteCircle，并将其合并到母版页中。母版页将html包装在：

中

<form id="form1" runat="server">
 //master page html
</form>

除了整个页面被思考白色边框（表单的默认CSS行为？）包围，并且页脚背景在底部是半白色之外，模板几乎完好无损。

我不希望带有id = form1的表单更改布局中的任何内容。 [CSS] [2]中没有任何内容与该ID。

当我从母版页中删除表单标签（只是为了检查）时，布局是完美的，没有问题。

有什么想法吗？

（使用Visual Web Developer 2008 Express）

谢谢，格雷格

The CSS: http://www.styleshout.com/templates/preview/EliteCircle12/images/EliteCircle.css

Answer 1

你见过

吗？

/* form elements */
form {
    margin: 15px;
    padding: 15px 5px;
    border: 1px solid #EFEFEF; 
    background: #F8F8F8;    
}

你的CSS文件中的

声明？那个可能只是解释了厚厚的白色边框和你提到的其他东西：）

将该声明更改为form.myForm（并更改所有需要它的表单），或者重新级联页面上的form1 id或内部标记以覆盖这些设置。

Answer 2

我同意Konerak，但是建议一下，不要以通用的方式设置html元素的属性，而是使用类......

你的css：

/* form elements */
form {
    margin: 15px;
    padding: 15px 5px;
    border: 1px solid #EFEFEF; 
    background: #F8F8F8;    
}

sugestted：

form.standard {
    margin: 15px;
    padding: 15px 5px;
    border: 1px solid #EFEFEF; 
    background: #F8F8F8;    
}

如果将css设置为表单元素，页面中的所有表单都将接收到属性，但如果您设置属性为类，则只有该类的表单将接收... 顺便说一句：DocType也可能会干扰所需的结果......