通过css单独将焦点转移到div

Question

有没有办法在默认情况下通过纯css而不是使用javascript将焦点转移到div？

提前致谢..

Answer 1

没有CSS在焦点上不提供任何内容。我知道你说没有JavaScript，但是多么容易：

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

Answer 2

不，不是。

在正常情况下，div根本无法获得焦点，而CSS缺乏任何设置焦点的东西。

Answer 3

由于这里的答案都不适用于我（虽然我希望专注于输入，而不是div）我会发布一个有效的方法：

自动聚焦

就像这样：

<input autofocus>

当然，OP正在询问如何使用div来完成这项工作，而这并非如此。如前所述，contenteditable =＆＃34; yes＆＃34; 将使div成为焦点，但遗憾的是，这也不起作用：

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

在我看来，这在HTML5中是一种疏忽，这个div应该像输入字段一样。但是，就目前而言，似乎需要使用javascript。

Answer 4

任何元素都可以获得焦点，如果它是可以满足的。但是，CSS无法识别：为输入，选择，a，textarea和按钮以外的元素聚焦伪类。

Answer 5

虽然这取决于你想要实现的目标，但如果你想在视觉上突出显示它，你可以在div上应用:hover伪类。