Как стилизовать компонент ng-zorro с угловым компонентом css?

Question

У меня есть определенная проблема, например:

Мне не нравится поле на таблице нг-зорро. В моем браузере я вижу, что он получает поле от .ant-table-small>.ant-table-content>.ant-table-body селектора.

Есть ли способ переопределить это?

Не существует в ng-zorro theme.less. Мне очень жаль за этот вопрос.

Answer 1

Вы можете переопределить Angular css с помощью ключевого слова ::ng-deep, например:

::ng-deep .ant-table-small>.ant-table-content>.ant-table-body {
    margin: 0;
}

Answer 2

Если вы хотите глобально изменить этот стиль в своем приложении (что, скорее всего, так и будет), попробуйте добавить переопределенный файл CSS и включить его в файл стиля приложения. Поэтому вам не нужно повторять одно и то же переопределение стиля в каждом компоненте.