html禁用滚动条无效,html-在mat菜单中禁用滚动条

最新推荐文章于 2022-12-12 09:47:04 发布

UMBL

最新推荐文章于 2022-12-12 09:47:04 发布

阅读量162

点赞数

文章标签： html禁用滚动条无效

博主在尝试消除Angular Material菜单中的滚动条，但未能成功。已尝试多种解决方案，包括在CSS中设置溢出属性为隐藏，但问题依旧存在。问题出现在一个包含.mat-menu-panel的表格单元格中，即使在开发者工具中直接修改可以得到预期效果，但在CSS文件中修改却无效。依赖项显示使用的是Angular 7和Angular Material 7.2.1。

摘要由CSDN通过智能技术生成

我正在尝试使材质菜单中的滚动条消失,但我似乎无法做到这一点.

现在是这样：

如我所愿：

我尝试了建议的解决方案here和here,但没有成功.

我知道必须在CSS中设置的选项溢出：隐藏；但是当我将其放在组件css中时,这似乎并没有解决问题.

我试过将该选项设置为.mat-menu-panel,.mat-menu甚至使用自定义类,但是它不起作用.

我的html看起来像这样：

Nombre {{element.employee_name}} Fecha {{element.date | date:'yyyy-MM-dd'}} Duración {{element.duration}}

more_vert

edit

Editar

delete

Eliminar

菜单在表的单元格之一中.

从浏览器的开发人员工具中,如果我在.mat-menu-panel中进行更改,则溢出：自动溢出：隐藏,它可以正确呈现,但是如果在.css中进行更改,则无法正常工作.

如果有帮助,依赖项是：

"dependencies": {

"@angular/animations": "~7.0.0","@angular/cdk": "^7.2.1","@angular/common": "~7.0.0","@angular/compiler": "~7.0.0","@angular/core": "~7.0.0","@angular/forms": "~7.0.0","@angular/http": "~7.0.0","@angular/material": "^7.2.1","@angular/platform-browser": "~7.0.0","@angular/platform-browser-dynamic": "~7.0.0","@angular/router": "~7.0.0","angular-material": "^1.1.12","core-js": "^2.5.4","hammerjs": "^2.0.8","rxjs": "~6.3.3","zone.js": "~0.8.26"

告诉我您是否需要更多信息.