Estou usando o Angular 19 e todo o meu estilo funciona conforme o esperado ao fazer um ng serve , mas quando eu construo o projeto, ele cria um pacote do meu css e o insere apenas para "imprimir".
Tenho isso no meu arquivo angular.json e, novamente, ele cria o pacote perfeitamente:
"styles": [
"node_modules/font-awesome/css/font-awesome.css",
"src/custom-theme.scss",
"src/styles.css"
]
Meu arquivo index.html criado se parece com isso nas tags head que tratam do estilo:
<style>...all component styling...</style>
<link rel="stylesheet" href="styles-QO6MI7ZW.css" media="print" onload="this.media='all'">
<noscript>
<link rel="stylesheet" href="styles-QO6MI7ZW.css">
</noscript>
Se eu inspecionar o HTML com o Chrome e remover o media="print" do link da folha de estilo, todo o meu CSS carrega corretamente e tudo fica bem. Caso contrário, meus estilos globais ficam bagunçados. Qualquer ajuda para que esse estilo funcione para todas as mídias seria bem-vinda, porque não sei por que ele está fazendo o que está fazendo.