为什么我不能在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

Answer 2

而不是打扰填充将高度更改为54px

.form-control {
color: #A1A1A1;
font-size: 16px;
height: 54px;
}

Answer 3

问题是身高，你的填充太多了

<强> CSS

.form-control
{
height:100%;
padding: 10px;
}