Textarea本身不起作用

我有一個textarea。當我在頂部點擊它時，它並沒有關注，但是當我點擊更低時它確實如此。Textarea本身不起作用

<textarea type="text" value="" id="theMessage" required></textarea> 

textarea { 
width: 485px; 
height: 310px; 
position: absolute; 
top: 110px; 
border: 0; 
outline: none; 
overflow: hidden; 
resize: none; 
font-family: 'Coming Soon', cursive; 
font-weight: bold; 
}

來源

2016-09-26 user221283

絕對位置改變位置：相對位置。您指向的是絕對元素（在該區域中您無法將其聚焦），其上還有其他元素。檢查是否爲真，當你設置相對位置時，textarea會稍微低一點，它會聚焦在所有textarea零件上。然後檢查哪些元素位於textarea的不可循環部分（導致您的問題） – JoelBonetR

textarea { 
 
width: 485px; 
 
height: 310px; 
 
position: absolute; 
 
top: 110px; 
 
border: 0; 
 
outline: none; 
 
overflow: hidden; 
 
resize: none; 
 
font-family: 'Coming Soon', cursive; 
 
font-weight: bold; 
 
border:2px solid black; 
 
}

<textarea type="text" value="" id="theMessage" required></textarea>

<textarea type="text" value="" id="theMessage" required></textarea> 
<style> 
textarea { 
width: 485px; 
height: 310px; 
position: absolute; 
top: 110px; 
border: 0; 
outline: none; 
overflow: hidden; 
resize: none; 
font-family: 'Coming Soon', cursive; 
font-weight: bold; 
border:2px solid black; 
}</style>

可以使相對位置或設置邊框的文本區域，使它上面visible.In代碼顯示設置border:2px solid black; 你可以設置和背景顏色，使其更加明顯。

background:white;

來源

2016-09-26 09:04:44

它可以是一些其他分區重疊你textarea因爲absolute位置。

下面是演示如何發生這種情況的示例：div.overlap放置在textarea上方，因爲absolute位置將texterea從正常文檔流中移除。

<textarea type="text" value="" id="theMessage" required></textarea> 

<div class="overlap"></div> 

textarea { 
width: 485px; 
height: 310px; 
position: absolute; 
top: 110px; 
border: 0; 
outline: none; 
overflow: hidden; 
resize: none; 
font-family: 'Coming Soon', cursive; 
font-weight: bold; 
} 

.overlap { 
    height: 200px; 
    background: rgba(255, 0, 0, 0.5); 
    position: relative; 
}

https://jsfiddle.net/h1aLf94x/4/

因此，檢查你的文檔，可以在重疊textarea的任何元素，並解決這些問題。

來源

2016-09-26 09:07:57

有一個div元素與textarea元素重疊。從樣式中刪除位置屬性，你可以看到你的textarea能夠被點擊。

來源

2016-09-26 09:53:23 Naseer

Textarea本身不起作用

回答

相關問題