Css Firefox在不规则的材质表单字段中添加了额外的空间

我用的是角度反应形式。其中一个表单字段使用了日期选择器，在chrome中看起来像这样

然而，在firefox中，它在顶部增加了额外的空间。

---

为了修复它，我尝试在devtools（firefox）中的matformfieldinfix中添加

bottom:6px

，它似乎可以工作。但是如果我在chrome中添加相同的属性，chrome中的对齐就会出错。你知道如何解决这个问题吗？

你可以添加特定于Firefox浏览器的CSS

CSS文件中包含两个选项

使用@-moz文档url-prefix（）

使用@支持（-moz外观：无）

     @-moz-document url-prefix() { 
         .mat-form-field-label-wrapper { 
             margin-top: -6px; 
         } 
     } 

 @supports (-moz-appearance:none) {
     .mat-form-field-label-wrapper { 
             margin-top: -6px; 
     } 
 }