css - 如果组件被破坏,如何删除特定的 scss?

标签 css angular sass primeng

我在我的元素中使用 PrimeNG 我只对特定的组件文件使用 p-dropdown 和 appendTo 主体,并且我只在一个文件中更改了 css,如下所示

geneFinder.component.scss

.ui-dropdown-panel {
  z-index: 999 !important;
}

组件文件是

 <p-dropdown [options]="geneoptions" formControlName="gene" appendTo="body"></p-dropdown>

但是这个 css 也影响所有其他文件。如果我删除了 !important 它不会影响其他页面,并且这不适用于特定组件本身。如何解决这个问题?

最佳答案

你可以试试这个

 <p-dropdown [options]="geneoptions" formControlName="gene" appendTo="body" [style]={'z-index':'999 !important'}></p-dropdown>

关于css - 如果组件被破坏,如何删除特定的 scss?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58950299/

相关文章:

html - 为什么我的文本显示在 div 之外?

javascript - CSS/JS 切换简单产品图库的缩略图不透明度

html - 强制 div 的背景图像获取它的大小

angular - 没有提供带有 Angular 2 和 Http 服务的 XHRBackend

asp.net - 从 scss 生成 css

javascript - 如何在全局scss文件中实现绝对路径? VueJS

css - 使用 css 转换 :scale? 时如何删除闪烁线

javascript - 如何从angular2中输入的文本动态设置超链接并使其可通过url点击?

javascript - 可以从 Angular 4 组件模板属性调用函数吗?

vue.js - 如何在 vue.config.js 中为 node_modules 添加 sass 加载器