增加Firefox中内容的高度

Question

我的 Angular 应用程序中有一个复选框。选中该值时，该框将填充 google-chrome 中的值。在 Firefox 中，它只显示在顶角，而不是填充输入字段。我该如何解决这个问题。请指导我。

HTML

<input class="customInput" id="custom" type="checkbox" formControlName="test" readonly>

css

.customInput {
  width: 100%;
  min-height: 70px;
  border: none !important;
  text-align: center;
  font-size: 50px;
  background: transparent;
}

// fully checked in chrome

// uncompatable firefox

Answer 1

浏览器的反应非常不同，

在 Chrome 浏览器中显示完美，

但在 Firefox 57 节目中，

更多信息：访问styling checkbox in different browser