首页 > 解决方案 > Bootswatch 选择输入和文件输入无样式

问题描述

我正在使用带有 scss 的角度的 bootswatch 主题来设置我的应用程序的样式。它似乎工作正常,但是 select 标签和 input type="file" 标签的样式不起作用。可能还有更多不起作用,但这两个是我遇到的。

选择代码:

<select class="form-select smart-contract__margin-right"
          [(ngModel)]="this.selectedFileName">
     <option *ngFor="let fileName of this.fileNames" [ngValue]="fileName">{{fileName}} 
     </option>
</select>

选择外观: 在此处输入图像描述

文件输入代码:

<input type="file" class="form-control determine-conditions-panel__input" />

文件输入外观: 在此处输入图像描述

这就是我导入 bootswatch 主题的方式(styles.scss of angular):

@import '~ngx-toastr/toastr.css';
@import "~bootswatch/dist/litera/variables";
@import "~bootstrap/scss/bootstrap";
@import "~bootswatch/dist/litera/bootswatch";

同样,其他一切似乎都有效,只是这两个似乎不起作用。有谁知道问题是什么?

标签: angularbootstrap-4bootswatch

解决方案


推荐阅读