Javascript 如何编辑此角材质?

Javascript 如何编辑此角材质?,javascript,css,angular,angular-material,Javascript,Css,Angular,Angular Material,我有一个有棱角的应用程序。到目前为止,我的HTML如下所示: body - <div side-nav right-aligned> - <div #configArea> -- Here we have 3 fields 正文 - - --这里有3个字段 在这个配置中,我有3个字段,它们来自角度材质。 问题是,我需要一个 因此,我遵循了教程,但这3个字段具有完全相同的CSS,我需要修改单个CSS以使其正常工作,但我的代码中不存在这个div,只存在于浏

我有一个有棱角的应用程序。到目前为止,我的HTML如下所示:

body
 - <div side-nav right-aligned>
  - <div #configArea>
   -- Here we have 3 fields
正文
- 
- 
--这里有3个字段
在这个配置中,我有3个字段,它们来自角度材质。 问题是,我需要一个

因此,我遵循了教程,但这3个字段具有完全相同的CSS,我需要修改单个CSS以使其正常工作,但我的代码中不存在这个div,只存在于浏览器中。为了让它工作,我必须将高度设置为“自动”,但到目前为止没有任何效果


使用Angular 4.4.2

,所以我通过使用:ng deep标记解决了这个问题,选择了我想要的div

像这样的事情对我很有用:


是的@ippi是正确的,css在动态创建的元素上运行良好。如果在angular组件的css文件中,您可能必须使用:host>>>选择器。并为每一个添加不同的css类,这样您就可以轻松地进行样式设置阿披实库马尔


您添加了什么css属性?共享您的代码,最好在stackblitz上进行演示。comCss也可以在动态创建的元素上运行。如果
.mat form field infix
不起作用(请先在开发工具中尝试),可能是选择器中有输入错误?如果只需要第三个元素,可以尝试第n个选择器(或者最好为该项添加不同的css类)。对代码图片进行故障排除是没有希望的。是的@ippi是正确的,css在动态创建的元素上工作良好。如果在angular组件的css文件中,您可能必须使用:host>>>选择器。并为每一个添加一个不同的css类,这样您就可以轻松地进行样式设计。请针对此类问题,您最好在StackBlitz上创建一个小演示,如@ShashankVivek所述。通过这种方式,我们可以更好地定位到底出了什么问题。