在 PHP 页面中覆盖 CSS 样式答案

【问题标题】：Override CSS Style in PHP Page在 PHP 页面中覆盖 CSS 样式
【发布时间】：2012-08-04 09:13:47
【问题描述】：

我目前正在为我们的计费软件编写一个插件模块，当您使用任何元素时，这些模块会自动继承模板的 CSS。例如，我在表格中使用“datatable”元素，它会根据用户当前使用的模板继承 CSS 样式。

我想隐藏“datatable”元素的内边框，并且我正在使用标签将我的所有 CSS 放入模块代码中。我不太确定如何做到这一点，但这是计费软件模板 style.css 文件中 CSS 的样子。

table.form {
    border: 1px solid #B8CBE7;
    background-color: #fff;
    padding: 0px;
}
table.form td.fieldlabel {
    text-align: right;
    font-weight: bold;
    padding: 5px;
    background-color: #E4ECF8;
}
table.form td.fieldarea {
    text-align: left;
    padding: 5px;
    border-bottom: 1px dashed #ccc;
}
.tablebg {
    background-color: #e9e9e9;
}
table.datatable {
    padding: 0;
    margin: 0;
}
table.datatable th {
    background-color: #f3f3f3;
    font-weight: bold;
    text-align: center;
}
table.datatable td {
    background-color: #fff;
    text-align: center;
}
table.datatable tr.rowhighlight td {
    background-color: #EFF2F9;
}
table.datatable tr:hover td {
    background-color: #EFF2F9;
}

【问题讨论】：

标签： php css module stylesheet whmcs

【解决方案1】：

您可以再次定义相同的 datatable 类并将其边框设置为 0。您只需要确保这个新的 css 定义出现在实际的之后

table.datatable { 
border: 0px;
}

【讨论】：

我已经尝试过了，但没有成功，所以我只是认为我错了。此表的边框样式必须来自其他东西。有什么方法可以确定它的样式是什么？
是的，您可以使用“Inspect Element with FireBug”在 FireFox 中检查对象，它将显示继承 css 样式的类
我刚刚意识到“边框”实际上是由于单元格间距而显示的背景 div。我会继续接受您的回答，因为它是第一个并且是正确的。谢谢！

【解决方案2】：

尝试在 CSS 样式表中添加这一行：

.datatable{ border: 0 !important; }

【讨论】：

如果您正在使用在不同区域具有 .css 文件的 Web 应用程序，或者如果您想从引导程序或数据表中覆盖 css，则此方法很重要。此方法的一个特定但常见的用途是在表格行上覆盖鼠标。具体来说，我的行根据行中的数据而变化。从数据表中选择的颜色太接近为“状态”行选择的颜色。我决定使用这种方法来覆盖鼠标悬停颜色以避免混淆。