我正在设计的网站表单可以在Firefox，Edge和Chrome上正常运行。但是在IE上，我看不到占位符文本，当我尝试键入时，它没有显示任何内容。当我删除CSS文件时，可以看到占位符文本以及表单中键入的内容。
CSS出了点问题，但我不确定是什么：
/* Style place holder text and let it show CSS effect upon focus */
.contact-us input[type="text"],
.contact-us input[type="email"],
.contact-us input[type="url"],
.contact-us textarea
{
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
width: 100%;
display: block;
outline: none;
border: none;
height: 1em;
line-height: 1em;
font-size: 0.8em;
font-family: Arial, sans-serif;
color: grey;
padding: .7em 0;
}
.contact-us input[type="text"]:focus,
.contact-us input[type="email"]:focus,
.contact-us input[type="url"]:focus,
.contact-us textarea:focus {
padding: 2%;
}
搜索更多内容后，我在此线程上找到了答案。显然，CSS框架中有一些东西可以将所有输入的高度设置为2.4375rem，并且需要使用类似以下内容的东西来覆盖它：
.contact-us input[type="text"],
.contact-us input[type="email"],
.contact-us input[type="url"],
.contact-us textarea
{
height: auto;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句