我正在使用ng-multiselect-dropdown。我想更改默认样式,但它无法覆盖。我试图在index.html,angular.json,style.css文件中提供样式,并且我还尝试了内联样式,但没有任何变化。
Css尝试了:
ng-multiselect-dropdown .multiselect-dropdown > .dropdown-btn{
font-size:12px;
}
ts:
styles: [".multiselect-dropdown .dropdown-btn{
font-size:12px;
}"]
另一种方式:
multiselect-dropdown .dropdown-btn{
font-size:12px;
}
另一种方式:
multiselect-parent .dropdown-btn{
font-size:12px;
}
联系我们
<ng-multiselect-dropdown [placeholder]="'Select'" [data]="xxx" [(ngModel)]="xxx" name="Name" [settings]="dropdownSettings" [textField]="'Name'">
</ng-multiselect-dropdown>
如何做到这一点?我试了所有与这个问题相关的东西。所以请不要说重复的问题。
4条答案
按热度按时间mi7gmzs61#
请像这样使用css来覆盖默认值
备选
添加到全局样式
src/styles.css
然后将这个类
custom-font-size
添加到下拉组件yquaqz182#
首先,你必须确保这个组件被添加到你的组件内部,因为一些组件被添加到body中。
如果此组件已添加到您的组件中,您可以在组件css文件中使用以下css:
如果这已经被添加到body中,唯一的方法是把你的css放在styles.css文件中。
v1uwarro3#
您可以尝试在使用
ng-multiselect-dropdown
的组件装饰器中添加encapsulation: ViewEncapsulation.None
。Angular内置了视图封装,这使我们能够使用Shadow DOM甚至模拟它。有三种视图封装类型:
例如-:-
gstyhher4#
这肯定会对你有帮助
覆盖选定项
覆盖复选框