我有一个角度组件，里面有JS DataTable。
该组件的html与此类似：
<h3>Test</h3>
<table class="table table-striped table-bordered table-hover" #table id="table">
<thead>
<tr>
<th *ngFor="let column of columns">{{column.name}}</th>
</tr>
</thead>
</table>
我有一个组件的css文件：
h3 {
color: blue;
}
.paginate_button {
padding: 100px;
}
我为表格添加的任何样式均未应用，但h3的样式已应用！
如果我将.paginate_button样式添加到全局styles.css，则将应用样式。
我想念什么？
JS DataTable本身就是一个具有自己的css文件的组件，这就是为什么您在组件css文件中覆盖的样式没有得到体现的原因。但是，如果我们在全局styles.css中编写某种样式，它将自动应用于所有组件中。
类paginate_button不在您组件的模板中。实际上存在于JS DataTable的组件中。因此样式无法更改。希望这是有道理的。谢谢。
您可以在global style.css中尝试此操作：
.paginate_button {
padding: 100px !important;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句