Ця стаття є дзеркальною статтею машинного перекладу, будь ласка, натисніть тут, щоб перейти до оригінальної статті.

Architect_Programmer_Code Сільськогосподарська мережа»Архітектор › Фронтенд-дизайн і веб › Передня рама › Стиль компонента Angular Setting CSS не має ефекту розв'язання
Вид: 17934|Відповідь: 0

[Кутовий голос] Стиль компонента Angular Setting CSS не має ефекту розв'язання

[Копіювати посилання]
Опубліковано 06.05.2020 17:51:23 | | | |
CLR-datagrid — це сторонній компонент datatable, компонент генерує div у стилі datagrid, я пробував встановити margin-top не працює, код виглядає так:



Використовуючи режим розробника браузера, можна додати CSS-стиль.

рішення

Angular надає команду ::ng-deep для кращої сумісності з майбутніми інструментами, щоб стилі дозволяли вторгнення в підкомпоненти.

CSS модифікується наступним чином:



:host представляє селектор, який вибирає поточний компонент.
::ng-deep може ігнорувати вкладені ієрархічні відношення проміжного className. Знайдіть безпосередньо назву класу, яку хочете змінити.
Однак офіційна документація зазначає, що ng-deep буде відкинуто у майбутніх версіях, і невідомо, яким синтаксисом він стане в майбутньому.




Попередній:Angular керує відображенням і приховуванням елементів
Наступний:Використовуйте JavaScript для доступу та маніпуляції базами даних

Пов'язані дописи
Застереження:
Усе програмне забезпечення, програмні матеріали або статті, опубліковані Code Farmer Network, призначені лише для навчання та досліджень; Вищезазначений контент не повинен використовуватися в комерційних чи незаконних цілях, інакше користувачі несуть усі наслідки. Інформація на цьому сайті надходить з Інтернету, і спори щодо авторських прав не мають до цього сайту. Ви повинні повністю видалити вищезазначений контент зі свого комп'ютера протягом 24 годин після завантаження. Якщо вам подобається програма, будь ласка, підтримуйте справжнє програмне забезпечення, купуйте реєстрацію та отримайте кращі справжні послуги. Якщо є будь-яке порушення, будь ласка, зв'яжіться з нами електронною поштою.
Mail To:help@itsvse.com