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; 
 
    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。

来源

2017-07-27 Alexander Solonik

片段工作正常，我在Chrome – Gerard

编辑does''t显示的bug！ –

请尝试此代码。这是由于line-height: 0;风格，如果你设置line-height:initial;或你设置任何px这个属性，那么它将正常工作。

相反的：

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

希望这有助于：

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

应。

来源

2017-07-27 10:01:49

编辑CSS，这将使您能够输入消息框。

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

来源

2017-07-27 10:05:44 Hash

只是尝试删除

line-height

或者从

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

来源

2017-07-27 10:07:00

好的尝试

line-height: initial;

。我在这里测试并发现问题。在焦点textarea获取行高：0px。

见附表截图链接here

休息，你知道如何解决这个:)

来源

2017-07-27 10:09:21

HTML文本区域无法点击，无法在输入文本它

回答

相关问题