Css 如何将下拉面板放置在MATSELECT文本框的正下方

<mat-select value="5" panelClass="custom-panel">
    <mat-option value="5">5</mat-option>
    <mat-option value="10">10</mat-option>
    <mat-option value="20">20</mat-option>
</mat-select>

.custom-panel {
    top: calc(100% + 10px) !important;
}

.custom-panel {
  transform: translateY(25px) !important;
}

Css相关问答推荐

如何在CSS calc()中使用反向百分比/无单位计算？

在ReactJS中使用动画在栅格上添加柱

如何为多个背景和棋盘设置不同的大小

带高度的容器查询不工作，但可随宽度调整

如何剪切一个正方形以便我可以绘制追逐边框？

当滚动量较小时，在滚动问题上动画粘性导航

禁用MUI DataGrid上的悬停效果

我如何使用 CSS 在我的应用程序中每隔 3 位用逗号分隔数字？

如何有条件地设置元素的字体大小，只有在未明确设置父字体大小(即字体大小为继承)的情况下？

根据选项 colored颜色 更改 Select 文本 colored颜色

使元素在顶部和中心都有粘性

为什么 flexbox 中的 在应用居中时不会调整大小？

带有图像的 CSS 网格在 Firefox 中表现不同

更改组件中 css 的值

在 css 中使用 FontAwesome 或 Glyphicons ：before

如何在 html/css 中的图像旁边垂直居中文本？

如何计算所需的色调旋转以生成特定 colored颜色 ？

为什么 height：0 不隐藏我的填充

，即使使用 box-sizing：border-box？

CSS3 过渡：过渡：全部是否比过渡：x慢？

CSS：怎么说 .class：last-of-type [类，不是元素！]