JHipster - 如何覆盖 Bootstrap 样式？

Question

目标

更改 global.css 文件中的 td 样式。例如：

th, td {
    vertical-align: middle;
    text-align: center;
}

问题

没用。但是，我尝试使用此 global.css 文件中的其他选择器（包括输入）来应用 css 样式，并且它有效。

input {
    vertical-align: middle;
    text-align: center;
}

你能告诉我在 JHipster 中覆盖 bootstrap 样式的最佳方法是什么吗？为什么我无法访问 td 但可以访问 input？

谢谢，

马努

Answer 1

我在 global.css 中使用了 !important 关键字。也许这不是最好的方法。如果您有更好的答案，欢迎post关注。谢谢！

.table-centered td, th {
text-align: center !important;
vertical-align: middle !important;
}