JHipster - Как переопределить стили Bootstrap?

Question

Цель

Изменить стиль td в файле global.css.Например:

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

Выпуск

Не работает.Тем не менее, я попытался применить стили CSS, используя другие селекторы в этом файле global.css, включая ввод, и это работает.

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

Не могли бы вы сказать, каков наилучший способ переопределить стили начальной загрузки в JHipster?Почему я не могу получить доступ к td, но могу получить доступ к вводу?

Спасибо,

Ману

Answer 1

Я использую ключевое слово! Important в global.css.Может быть, это не самый лучший способ.Если у вас есть лучший ответ, пожалуйста, напишите его.Спасибо!

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