如何在Angular中禁用引导输入的边界半径
我正在使用引导输入控件,并试图通过将边框设置为0px来禁用边框,但它不起作用如何在Angular中禁用引导输入的边界半径,angular,bootstrap-4,Angular,Bootstrap 4,我正在使用引导输入控件,并试图通过将边框设置为0px来禁用边框,但它不起作用 <div class="form-group"> <select class="form-control" formControlName="manager" required #manager #manager (change)="selectedValueManager(manager.value)"> <option value="">choose manag
<div class="form-group">
<select class="form-control" formControlName="manager" required #manager #manager (change)="selectedValueManager(manager.value)">
<option value="">choose manager</option>
<option *ngFor="let manager of this.flowManagers" value={{manager.id}}> {{manager.name}}</option>
</select>
<div class="invalid-feedback"></div>
</div>
我在这里看到过很多帖子,但没有一个是为我工作的。我试着使用!重要信息
,并将css类移动到主style.css文件中,再次显示它不起作用
<div class="form-group">
<select class="form-control" formControlName="manager" required #manager #manager (change)="selectedValueManager(manager.value)">
<option value="">choose manager</option>
<option *ngFor="let manager of this.flowManagers" value={{manager.id}}> {{manager.name}}</option>
</select>
<div class="invalid-feedback"></div>
</div>
您可以将类四舍五入-0
添加到输入中您应该在.form控件
css类上应用该规则,并且还要确保首先加载boostrap.css
,然后加载style.css
.form-control {
border-radius: 0;
}
你喜欢下面的。将样式应用于。窗体控件
类
.form-control {
border-radius: 0 !important;
}
使其比引导更具体:
select.from-control {
border-radius:0;
}
如何首先检查加载内容?这取决于此,在导入bootstrap.css
(angular.json
,styles.css
或index.html
)的地方,则意味着您有其他冲突的类,使用chrome inspector检查元素确定其工作状态,但我仍然可以在边界上看到无线电:/dev tools中的边界无线电为0,但它仍然不正常确定其工作状态可能与您提到的冲突