前端之家收集整理的这篇文章主要介绍了
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和一切看起来不错。
原文链接:https://www.f2er.com/css/218601.html