css - asp TextBox 边距在 Chrome 和 IE 中显示不正确，但在 Firefox 中有效

Question

我有一个包含一堆文本框的面板。我已将 margin 属性添加到我的 CSS 文件中。目前，我可以让它在 Firefox 中正常显示，但是当我在 IE 和 Chrome 中查看它时，没有余量。

文本框

asp:TextBox ID="txtInvoiceDate" Font-Bold="true" runat="server" CssClass="TextBox"></asp:TextBox>

CSS

.TextBox
{
margin: 5px;
}

最初当我保存元素时，它会显示边距。当我刷新页面时，边距消失了。

如有任何帮助，我们将不胜感激。

Answer 1

经过更多研究，我发现 margin 属性被用户代理样式表覆盖了。我向文件中添加了一些新的 CSS，瞧……它正常工作。

我通过 What is user agent stylesheet 找到了答案