Html CSS-Chrome中的占位符填充

我想设计我的表格。我有活动占位符，在Firefox中看起来不错：

但在Chrome中存在一个问题：（不是textarea，这是来自旧版本的SS，他很好，只有正常的输入才是问题）

这是我的CSS：

.form-control::-webkit-input-placeholder {
    text-align: center;
    font-weight: 200;
    font-size: 30px;
    color: #373737;
}

.form-control:-moz-placeholder {
    text-align: center;
    font-weight: 200;
    font-size: 30px;
    color: #373737;
}

.form-control::-moz-placeholder {
    text-align: center;
    font-weight: 200;
    font-size: 30px;
    color: #373737;
}

.form-control:-ms-input-placeholder {
    text-align: center;
    font-weight: 200;
    font-size: 30px;
    color: #373737;
}

textarea {
    height: 370px;
    padding: 20px !important;
}

input.form-control {
    height: 63px;
}

.form-control {
    color: #373737;
    background: #dbdbdb;
    border: 0;
    margin-bottom: 5px;
}

---

您在此处硬编码输入的高度：

input.form-control {
    height: 63px;
}

可能您需要删除此项并使用填充进行控制，或者如果您有另一个继承填充，则可以使用

框大小调整

input.form-control {
    height: 63px;
    box-sizing: border-box;
}

编辑： 这似乎是一个引导覆盖，因此输入从

窗体控件

选择器（不是您的代码，而是引导代码）获取

高度：34px

。通过以下更改，您需要避免：

删除此项：

#Contact input.form-control {
    height: 63px;
}

并加上：

#Contact .form-control {
    font-size: 30px;
    height: inherit;
}

---

您在此处硬编码输入的高度：

input.form-control {
    height: 63px;
}

可能您需要删除此项并使用填充进行控制，或者如果您有另一个继承填充，则可以使用

框大小调整

input.form-control {
    height: 63px;
    box-sizing: border-box;
}

编辑： 这似乎是一个引导覆盖，因此输入从

窗体控件

选择器（不是您的代码，而是引导代码）获取

高度：34px

。通过以下更改，您需要避免：

删除此项：

#Contact input.form-control {
    height: 63px;
}

并加上：

#Contact .form-control {
    font-size: 30px;
    height: inherit;
}

---

对于你所附的代码，我无法重现这个问题，但是对我来说，这听起来是一个高度硬编码的问题。查看下面的答案，或者如果这不能解决问题，请添加一个工作示例（），好的，这是代码（仅此表单）@MarcosPérezgude谢谢，我编辑我的答案。它现在可以工作了。根据你所附的代码，我无法重现这个问题，但是对我来说，硬编码高度是一个问题。查看下面的答案，或者如果这不能解决问题，请添加一个工作示例（），好的，这是代码（仅此表单）@MarcosPérezgude谢谢，我编辑我的答案。它现在可以工作了。谢谢，但没有提供一个工作示例。仔细阅读以下内容：。但是请读它！我建议阅读MCVE帮助的许多人忽略了我。然后，当他们的帖子被删除时，他们会发疯。谢谢，但没有提供一个有效的例子。仔细阅读以下内容：。但是请读它！我建议阅读MCVE帮助的许多人忽略了我。然后，当它的帖子被删除时，他们会发疯。