- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试减小 mat-select 下拉面板的默认大小,但无法弄清楚如何去做
我试过给 width ,试过在 angular mat-select 中覆盖面板类,但尺寸似乎没有减小
我的模板文件
<div class="col-md-8">
<mat-form-field style="float: right">
<mat-select panelclass="my-panel" placeholder="Select Course"(selectionChange)="selectCourse($event,courses)" disableOptionCentering>
<mat-option *ngFor="let course of courses" [value]="course.courseId">
{{course.courseCode}}
</mat-option>
</mat-select>
</mat-form-field>
</div>
.my-panel {
background: orange;
height: 300px;
display: flex;
flex-direction: column;
justify-content: space-between;
min-width: 350px !important;
}
最佳答案
您可以通过将以下 css 添加到主 styles.css
来设置 mat-select 的宽度文件。
.mat-form-field-infix{
width: 80px !important;
}
关于angular - 如何减小 MatSelect DropDown 面板的大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54103831/
https://plnkr.co/edit/aUYfOBJ0MdywKW2pphOM?p=preview {{ food.viewValue }} 请参阅上面的
我正在使用 Angular v5 和 Angular Material。我有一个 mat-select 我想在选择一个选项后保持打开状态,因为我想通过单击特定按钮明确触发关闭。我试图将 (click)
我正在尝试在我的输入右侧添加一个简单的图标以清除他的内容。 我不想在我的列表中添加“无”选项。 我想添加一个“清除”按钮。 实际上,一切正常,但是当我单击清除按钮时,选择显示... 这是一个测试代码:
打开 MatSelect 时在常规页面中,可以通过 MAT_SELECT_SCROLL_STRATEGY 自定义滚动行为注入(inject) token 并使用 NoopScrollStrategy为
我正在尝试减小 mat-select 下拉面板的默认大小,但无法弄清楚如何去做 我试过给 width ,试过在 angular mat-select 中覆盖面板类,但尺寸似乎没有减小 我的模板文件
使用 Angular Material,我想在一段时间内禁用多个 中的复选框(因为数据是从 API 检索的)。我可以成功地做到这一点,但是复选框的 CSS 类不会变回。换句话说,复选框在功能上已启用,
我在我的项目中使用了 MatBlazor 框架。在 MatSelect 中,我想捕捉它的值 onchange 事件来做一些其他的工作。我尝试了一些解决方案,但 onchange 事件尚未触发。
工作人员还好吗? 我需要帮助,当值来自服务时,如何使用响应式(Reactive)表单在 Angular Material 的 MatSlected 组件中加载表单时设置值。我尝试了多种方法,但从未更新
我有一个嵌入 Angular Material MatSelect 元素的组件。 在我正在编写的测试中,我需要模拟某个选项的选择,并确保与该 MatSelect 元素关联的 selectionChan
我正在使用 Angular 9和添加的 Angular Material ,但是当我要使用垫选择时,我无法选择该选项并得到以下错误。 core.js:6241 ERROR TypeError: Can
我是一名优秀的程序员,十分优秀!