Html 禁用mat菜单中的滚动条

我试图让材质菜单中的滚动条消失，但我似乎无法做到这一点

现在的情况是：

正如我所希望的那样：

我尝试过提出的解决方案，但没有成功

我知道我必须在css中设置的选项是

overflow:hidden但是当我把它放在组件css中时，它似乎不起作用

我曾尝试将该选项设置为
.mat menu panel
，
.mat menu
，甚至使用自定义类，但它不起作用

我的html如下所示：



名义
{{element.employee_name}
费查
{{element.date}日期：'yyyy-MM-dd'}
杜拉西翁
{{element.duration}
更多
编辑
编辑
删除
Eliminar
因为，当您使用angular时，一个公共属性将以类似DOM的方式呈现
ng内容将覆盖用css编写的类属性，所以请尝试此代码，这将消除应用程序中使用的本机角度样式

转到组件

import {ViewEncapsulation} from '@angular/core';

然后

然后你的样式将被浏览器采用。
我知道这个问题已经有好几年了，但最后一个答案可能会导致css类出现严重问题，从你自己的样式流到子元素。当然，您现在可以轻松地覆盖子组件中的css样式，但这也意味着您可以轻松地无意中覆盖它们<代码>视图封装。除非绝对必要，否则不应使用None

相反，最好使用

：：ng deep

（）指定何时覆盖子组件的样式

在您的情况下，您可以执行以下操作：

::ng-deep .menu-without-scroll {
    overflow: hidden !important;
}

---

请注意，虽然不推荐使用

：：ng deep

，但目前没有其他选择，因此继续使用它是合理的。有关更多信息，请参阅。

请共享JSFIDLE链接。谢谢你试过了吗？@A.Bechir是的，我试过了，它似乎也不起作用，甚至试过了

overflow:hidden！重要信息

请分享JSFIDLE链接为什么要将AngularJS材质与Angular材质一起使用？

::ng-deep .menu-without-scroll {
    overflow: hidden !important;
}