Не удается полностью удалить поля элементов в Angular 7

Question

Я пытаюсь удалить все поля элементов и отступы, как всегда, но, похоже, это не работает в Angular 7.

Здесь вы можете видеть, что поля все еще остаются: https://imgur.com/ErptDJP

Что я пробовал:

Установка полей и отступов в 0 в глобальном файле Styles.sass;

* 
margin:0
padding:0

Answer 1

Angular имеет механизм для выделения стилей для каждого компонента, который включен по умолчанию.Если вы хотите, чтобы какой-то стиль был внедрен глубже в подкомпоненты одного компонента, вы можете использовать псевдоселектор ::ng-deep в CSS вашего компонента, или вы можете определить, что компонент не следует за инкапсуляцией, определив encapsulation: ViewEncapsulation.None в определении компонента.

Пример использования ::ng-deep в вашем случае:

::ng-deep * 
margin:0
padding:0

Дополнительную информацию можно найти в документации Стили компонентов .

Поскольку вы не предоставили свой рабочий пример, это может быть просто высота, размер шрифта или высота строки вашего контента.Попробуйте проверить эти свойства в dev-tools.