Html文本区域不可单击，无法在其中键入文本

我的HTML中有以下文本框

我有以下代码：

。联系我们表单文本区，。联系我们表单输入[type=“text”]，。联系我们表单输入[type=“email”]{
高度：40px；
填充：0；
保证金：0；
线高：0；
左侧填充：15px；
颜色：#333；
宽度：100%；
边界：无；
边框底部：1px#BFB9B9实心；
左侧填充：40px；
}
.请从textarea联系我们{
高度：100px；
填充顶部：20px；
}

请尝试此代码。 这是由于

行高：0行高：初始，则代码>样式

或将任何px设置为该属性，则它将正常工作

而不是：

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

应：

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

---

希望这有帮助。

编辑CSS，这将使您能够在消息框中键入内容

.contact-us-form textarea {
    height: 100px;
    padding-top: 20px;
    font: inherit;
    color: inherit;
}

试着把它去掉

line-height

或尝试

line-height: initial;

从

---

嗯。我在这里测试并发现问题。。在焦点文本区域获取行高：0px

请参阅附加的屏幕截图链接

---

Rest您知道如何解决此问题：）

使用

位置：相对

为您的输入元素和它所包装的任何其他元素使用代码片段在Chrome中对我很好编辑不会显示错误！

.contact-us-form textarea, .contact-us-form input[type="text"], .contact-us-form input[type="email"]