Html textarea无法点击,无法在其中键入文本

概述我的 HTML中有以下文本框 我有以下代码： .contact-us-form textarea, .contact-us-form input[type="text"], .contact-us-form input[type="email"] { height: 40px; padding: 0; margin: 0; line-height: 0; p 我的 HTML中有以下文本框

我有以下代码：

.contact-us-form textarea,.contact-us-form input[type="text"],.contact-us-form input[type="email"] {    height: 40px;    padding: 0;    @R_502_5553@: 0;    line-height: 0;    padding-left: 15px;    color: #333;    wIDth: 100%;    border: none;    border-bottom: 1px #BFB9B9 solID;    padding-left: 40px;}.contact-us-form textarea {    height: 100px;    padding-top: 20px;}

<textarea name="" placeholder="Message *"></textarea>

由于某种原因,我无法将光标放在textarea内,我也无法在其中键入文本.为什么会这样？我没有任何Js附加到这个文本框,我已经调试和测试了这一点,我也检查了所有计算的CSS属性,我似乎没有找到究竟是什么导致这个问题.

任何人都可以指出我究竟做错了什么？

My site link.

解决方法 请试试这段代码.
这是由于行高：0;如果你设置line-height：initial;或者你设置任何px到这个属性然后它将正常工作.

代替：

.contact-us-form textarea,.contact-us-form input[type="email"] {    line-height: 0;        }

应该：

.contact-us-form textarea,.contact-us-form input[type="email"] {    line-height: initial;        }

希望这可以帮助.

总结

以上是内存溢出为你收集整理的Html textarea无法点击,无法在其中键入文本全部内容，希望文章能够帮你解决Html textarea无法点击,无法在其中键入文本所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。