如何忽略影响primeng自动完成功能的materialize.css类?

罗兰多

我正在使用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>
Antikhippe

只需将browser-defaultclass添加p-autoCompleteelement即可在这种情况下忽略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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章