为什么我无法在火狐浏览器中查看输入文本

Question

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

在火狐中，我没有看到任何输入文本。

当我更改填充时..

.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在CSS技巧上得到了很好的解释

Answer 2

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

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

Answer 3

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

.CSS

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