css - 如何增加 mat-option 单元格大小

Question

当我将鼠标悬停在垫子选项上时，我想获得与图片中显示的风格相似的风格。

为了实现这一点，我需要将其他 mat-option 元素移动一点点，如何做到这一点，目前我可以在悬停的 mat-option 元素上设置样式。

我的问题是如何在将鼠标悬停在 mat-option 上时显示类似于图片中显示的文本？您可以在图片中看到它的样式不正确。

这是我的 CSS 课

.mat-option:hover{
  background-color:#D6CDC9 !important;
  font-family:ffunit;
  color: black;
  font-size:14px;
  font-weight: bold;

}

标签： cssangulartypescript

Answer 1

我只是增加了样式长度属性，这有效

.mat-option:hover{
  background-color:white !important;
  font-family:ffunit;
  color: black;
  font-size:14px;
  font-weight: bold;
  height:35%;

}