Question

在我的ASP.NET的MVC应用程序中，site.css文件中的表格样式定义为：

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 1em;
    border: 0 none;
}

当我创建一个表并在我的HTML中显式设置border属性时，css中的这个样式会覆盖border属性。结果是我无法在表格中看到边框。这是我的表变量：

tableT = '<table border="1" style="float:center" id="itemList"><thead><tr><td></td><td>Total</td><td>Completed</td><td>Inprogress</td><td>Pending</td></tr></thead><tbody></tbody></table>',

我想要一张带边框的表格，我不想像其他地方一样更改site.css。

Answer 1

您可以尝试使用带有!important规则的内联样式：

<table border="1" style="float:center; border: 1px solid !important;" id="itemList">

然而，这是一个非常混乱的黑客，Germain来自评论的答案将是一个更优雅的解决方案 - 这取决于你是否能够/倾向于编辑你的CSS文件。

停止site.css覆盖表格样式

1 个答案: