css - 无法更改 ng-multiselect 下拉菜单的样式

标签 css angular

我正在使用 Angular 6 应用程序。我想更改 ng-multiselect-dropdown 的样式。如果我使用内联、外部和内部覆盖样式,它不会影响任何东西。仅当我更改节点模块中的样式时,UI 中的更改效果才会发生变化。但这不是正确的方法。我应该如何实现?

样式.css

.multiselect-dropdown .dropdown-btn .dropdown-down {
  display: inline-block;
  top: 10px;
  width: 0;
  height: 0;
  border-top: 5px solid #adadad;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
}

最佳答案

  1. 您可以在 style.css 文件中使用 !important 自定义 ccs 喜欢: 显示:内联 block !重要;

  2. 第二个解决方案你可以让组件ViewEncapsulation.None

我想这可能有用..

关于css - 无法更改 ng-multiselect 下拉菜单的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53129847/

相关文章:

css - ngClass 中的条件发生变化但类未更新

javascript - @ks89/angular-modal-gallery 从轮播描述中删除图像文本

angular - Angular2中的路由变量

angular - 如何通过服务更改变量值时重新加载 header 组件?

css - Zurb Foundation 具有异常的列大小

javascript - 如何在滑动面板中制作嵌套列表?

javascript - 悬停后如何将内容放入框中?

javascript - 具有右箭头形状的自定义 div

html - 响应式媒体查询不适用于 PC 上的浏览​​器调整大小

javascript - 如何在函数后返回数组?