我正在使用primeng自动完成(https://www.primefaces.org/primeng/#/autocomplete),引导程序4和materializecss(http://materializecss.com/getting-started.html)。我看到真正弄乱页面的唯一CSS是自动完成表单框。
如何阻止materialize.css弄乱自动完成组件的样式?
<form>
<p-autoComplete [(ngModel)]="texts" [suggestions]="results" (completeMethod)="search($event)" [multiple]="true">
<ng-template let-value pTemplate="selectedItem">
<span style="font-size:18px">>{{value}}<</span>
</ng-template>
</p-autoComplete>
</form>
只需将browser-default
class添加到p-autoComplete
element即可在这种情况下忽略Materialise CSS:
<p-autoComplete inputStyleClass="browser-default" [(ngModel)]="texts" [suggestions]="results" (completeMethod)="search($event)" [multiple]="true">
<ng-template let-value pTemplate="selectedItem">
<span style="font-size:18px">>{{value}}<</span>
</ng-template>
</p-autoComplete>
查看工作的柱塞
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句