在firefox中输入的框大小隐藏文本

Question

我在应用-moz-box-sizing : border-box;输入时遇到了Firefox的问题,看起来我输入的文本是隐藏或溢出的某个地方.

您可以在此处查看问题:测试(将窗口大小调整为小于980px的大小,因为它是移动版本);

那么问题可能是什么呢？因为我尝试了所有我能找到的东西,唯一有用的是删除-moz-box-sizing : border-box;属性(:

Answer 1

您应该将高度设置为100%.我为您的输入字段尝试了以下CSS,它有助于:

input[type="text"] {
    -moz-box-sizing: border-box;
    font-size: 16px;
    height: 100%;
    padding: 20px;
    width: 100%;
}

==>原因是,你的20px填充太多了.首先尝试删除填充.您将看到输入字段的文本突然显示;-).看到这个后,我将高度设置为100%.现在你可以将填充减少到例如10px,一切看起来都很好.