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文本區域無法點擊，無法在輸入文本它

回答

相關問題