css - 为什么无法在 Firefox 浏览器中查看输入文本？

Question

当我在 Chrome 和 Safari 中访问 http://128.199.58.229/landingpage/ 时，我可以阅读占位符文本并查看我输入的文本。

在 Firefox 中我没有看到任何输入文本。

当我更改填充时..

.form-control {
color: #A1A1A1;
font-size: 16px;
padding: 0;
}

我可以看到文字.. 但现在的填充当然很糟糕。有什么解决办法吗？

谢谢

Answer 1

将 .form-control 更改为 box-sizing: content-box 并提供较小的填充值。

像这样:

.form-control {
    color: #A1A1A1;
    font-size: 16px;
    padding: 10px;
    box-sizing: content-box;
}

目前，box-sizing: border-box 属性将填充与高度结合起来，并在 Firefox 中产生意想不到的结果。

box-sizing 解释得很好 over here on CSS Tricks