Html 如何设计<;选择>;与<;mat select>;风格

Html 如何设计<;选择>;与<;mat select>;风格,html,css,angular,angular-material,Html,Css,Angular,Angular Material,在这个项目中,我需要同时使用and标记,因为在某些情况下,如果我选择mat select,代码会中断。但是从视觉上看,select标记看起来很老很丑陋 我试着在Material Component文档中查找CSS,但没能找到它。你们有什么建议或者知道我在哪里可以找到这个CSS吗?在哪里可以找到mat select类? 要查找它们,可以使用浏览器检查器或查看主css文件: 全球地 如果需要全局更新,可以根据需要在style.css中重写其中一个或多个类 ::吴深 您可以使用(如::ng de

在这个项目中,我需要同时使用and标记,因为在某些情况下,如果我选择mat select,代码会中断。但是从视觉上看,select标记看起来很老很丑陋

我试着在Material Component文档中查找CSS,但没能找到它。你们有什么建议或者知道我在哪里可以找到这个CSS吗?

在哪里可以找到
mat select
类? 要查找它们,可以使用浏览器检查器或查看主css文件:

全球地 如果需要全局更新,可以根据需要在
style.css
中重写其中一个或多个类

::吴深 您可以使用(如
::ng deep.mat select content
)强制覆盖组件中的
mat select
样式

::ng-deep .mat-select-panel .mat-option {
    padding: 10px;
}
视图封装 如果要避免继承零部件中的角度材质所施加的
mat select
样式,可以使用to
None

::ng-deep .mat-select-panel .mat-option {
    padding: 10px;
}
组件模板 组件样式
其实我想要的恰恰相反。我想在一个简单的选择中使用mat-select css。
.mat-select-panel .mat-option {
    padding: 10px;
}