css – 在Firefox中输入框的大小设置隐藏文本

前端之家收集整理的这篇文章主要介绍了css – 在Firefox中输入框的大小设置隐藏文本前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
应用-moz-Box-sizing时,我有一个Firefox的问题:border-Box;输入,好像我输入的文字是隐藏的或溢出的东西。

你可以在这里看到这个问题:Test(调整你的窗口的尺寸小于980px,因为它是一个移动版本);

那么那里可能是什么问题呢?因为我尝试了所有可以找到的东西,唯一有效的是删除-moz-Box-sizing:border-Box;财产(:

解决方法

您应该将高度设置为100%。我为您的输入字段尝试了以下CSS,它有助于:
input[type="text"] {
    -moz-Box-sizing: border-Box;
    font-size: 16px;
    height: 100%;
    padding: 20px;
    width: 100%;
}

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

猜你在找的CSS相关文章