Css MatForm字段占用更多区域，导致其他控件远离它

<mat-form-field  class="custom-form-field" appearance="outline" style="padding-top: 0px;padding-bottom: 0px; line-height: 0px;">
    <input style="padding-top: 0px; padding-bottom: 0px;" matInput type="text" id="onSearch" (keyup)="keyUp($event)">
    <mat-icon matPrefix class="centered-icon">search</mat-icon>
</mat-form-field>

.custom-form-field .mat-form-field-wrapper {
  margin: 0px !important;
  padding-bottom: 0px !important;
 }

Css相关问答推荐

当optgroup元素不包含任何未使用CSS禁用的选项元素时，如何隐藏它

可折叠/可展开的数据表行：如何使Shadcn数据表中的可折叠内容全宽？

寻找组件中最大的元素来设置其他组件的高度

在GRID-TEMPLATE-ROWS中设置最大行数：Repeat()

如何使用Bootstrap将图像水平对齐，使其顶部和底部位于同一水平线上？

在最小和最大视口之间时具有固定值的 CSS 钳位

CSS Select 器仅 Select 具有特定类名称的每行的第一个单元格

如何在一个父类里面 Select 两个不同的类？

有人可以解释为什么我的 CSS 转换如此突然吗？

在变量中存储匹配 Select 器的子元素的计数

应用边框半径的 iframe 在 4 个角上有细曲线

如何使用props 为 Vue 中的组件创建动态背景图像？

tailwind css 中的自定义组状态

firefox overflow-y 不能使用嵌套的 flexbox

如何将 bootstrap 列高设为 100% 行高？

更改 FontAwesome 图标的字体粗细？

如何防止内联块 div 换行？

React - 防止父子事件触发

bootstrap 关闭响应菜单点击

100% 高度减go 标题？