覆盖PHP页面中的CSS样式
我目前正在为我们的计费软件编写一个插件模块,当您使用任何元素时,这些模块都会自动继承模板的CSS。例如,我对我的表使用“datatable”元素,它根据用户当前使用的模板继承CSS样式 我想隐藏“datatable”元素的内部边框,我正在使用标记将我的所有CSS放在模块代码中。我不太确定如何做到这一点,但下面是计费软件的template style.CSS文件中CSS的外观覆盖PHP页面中的CSS样式,php,css,module,stylesheet,whmcs,Php,Css,Module,Stylesheet,Whmcs,我目前正在为我们的计费软件编写一个插件模块,当您使用任何元素时,这些模块都会自动继承模板的CSS。例如,我对我的表使用“datatable”元素,它根据用户当前使用的模板继承CSS样式 我想隐藏“datatable”元素的内部边框,我正在使用标记将我的所有CSS放在模块代码中。我不太确定如何做到这一点,但下面是计费软件的template style.CSS文件中CSS的外观 table.form { border: 1px solid #B8CBE7; background-co
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;
}
您可以再次定义相同的datatable类,并将其边框设置为0。您只需要确保这个新的css定义在实际定义之后
table.datatable {
border: 0px;
}
尝试在CSS样式表中追加此行:
.datatable{
边界:0!重要;
}
我已经尝试过了,但没有成功,所以我认为我错了。此表的边框样式必须来自其他内容。有没有办法确定它的样式?是的,你可以使用“inspect Element with FireBug”检查FireFox中的对象。它将显示css样式继承的类。我刚刚意识到,“borders”实际上是由于单元格间距而显示的背景div。我会继续接受你的答案,因为它是第一个正确的答案。谢谢如果您使用的web应用程序在不同的区域中有.css文件,或者您希望从引导或数据表中重写css,那么此方法非常重要。此方法的一个特定但常见的用途是在表行上覆盖鼠标。具体来说,我有一些行是根据行中的数据更改的。从数据表中选择的颜色与为行“状态”选择的颜色太接近。我决定使用此方法覆盖鼠标悬停在颜色上,以避免混淆。