Este artigo é um artigo espelhado de tradução automática, por favor clique aqui para ir para o artigo original.

Architect_Programmer_Code Rede Agrícola»Arquiteto › Design front-end & web › Quadro frontal › O estilo CSS de componente de configuração angular não tem efeito
Vista: 17934|Resposta: 0

[Angular] O estilo CSS de componente de configuração angular não tem efeito

[Copiar link]
Publicado em 06/05/2020 17:51:23 | | | |
CLR-datagrid é um componente de datatable de terceiros, o componente gera um div no estilo datagrid, tentei definir o margin-top e não funciona, o código é o seguinte:



Usando o modo desenvolvedor do navegador, tudo bem adicionar esse estilo CSS.

solução

Angular fornece um comando ::ng-deep para melhor compatibilidade com ferramentas futuras para forçar estilos a permitir a intrusão em subcomponentes.

O CSS é modificado da seguinte forma:



:host representa um seletor que seleciona o componente atual.
::ng-deep pode ignorar as relações hierarquicas aninhadas do intermediário className. Encontre diretamente o nome da classe que você quer modificar.
No entanto, a documentação oficial diz que o ng-deep será abandonado em versões futuras, e não se sabe que tipo de sintaxe ele se tornará no futuro.




Anterior:Angular controla a exibição e ocultação dos elementos
Próximo:Use JavaScript para acessar e manipular bancos de dados

Posts Relacionados
Disclaimer:
Todo software, material de programação ou artigos publicados pela Code Farmer Network são apenas para fins de aprendizado e pesquisa; O conteúdo acima não deve ser usado para fins comerciais ou ilegais, caso contrário, os usuários terão todas as consequências. As informações deste site vêm da Internet, e disputas de direitos autorais não têm nada a ver com este site. Você deve deletar completamente o conteúdo acima do seu computador em até 24 horas após o download. Se você gosta do programa, por favor, apoie um software genuíno, compre o registro e obtenha serviços genuínos melhores. Se houver qualquer infração, por favor, entre em contato conosco por e-mail.
Mail To:help@itsvse.com