通過css單獨將焦點轉移到div

Question

有沒有辦法通過純CSS和不使用JavaScript將焦點轉移到div默認情況下？

在此先感謝..

Answer 1

不，它不是。

在正常情況下，div根本無法收到焦點，而CSS缺少設置焦點的任何內容。

Answer 2

沒有CSS不提供任何焦點。我知道你說沒有JavaScript，但多麼容易：

document.getElementById('div').focus(); 

Answer 3

儘管它取決於您想要實現的目標，但如果您想直觀地突出顯示它，則可以在div上應用:hover僞類。

Answer 4

任何元素都可以獲得焦點，如果它是contenteditable。但是，CSS無法識別：爲輸入，選擇，a，textarea和按鈕之外的元素聚焦僞類。

Answer 5

由於沒有一個答案在這裏工作對我來說（雖然我想專注於輸入，而不是一個div）我會發佈一個沒有工作：

自動對焦

就像這樣：

<input autofocus> 

當然，OP是要求如何使這個工作與一個股利，這不。正如前面提到的，CONTENTEDITABLE =「是」 將使DIV可成爲焦點，但不幸的是這不工作之一：

<div contenteditable="yes" autofocus> 
    This doesn't work!! 
</div> 

在我看來，這是一種在HTML5的疏忽，這個div應該充當輸入字段。然而，目前來看，JavaScript似乎是需要這樣做的。