Javascript 专注于'；在另一个元素后面是什么

全部。我是一个尝试创建自己网站的初学者

对于输入字段，我希望文本显示在水平线后面。为了实现这一点，我创建了一个container div元素，其中包含许多子div，每个子div高两个像素，底部边框为一个像素，然后将container div放置在输入字段的前面

问题是，当光标悬停在输入字段上时，光标只会在输入字段最左边缘的小区域中变为“文本”样式的光标，而该区域没有被sub div元素创建的水平线覆盖

我希望发生的事情是，当光标悬停在容器div的水平线上时，将光标变成“文本”光标，并在输入字段中单击以激活焦点，我担心我可能需要Javascript

---

我希望我的问题不会让人困惑。先谢谢你

使用水平线将此CSS添加到您的

div

：

pointer-events: none;

这表明您的

div

元素不应成为鼠标事件的目标，从而有效地让它们“通过”鼠标事件

---

有关更多信息，请参阅。

假设我理解您的问题，您确实需要使用JavaScript。使用jQuery可以执行以下操作：

$('.horizontalLines').click(function() {
    $('.inputField').focus();
});

---

这使得单击一个div可以选择文本输入框

请发布您的HTML代码。。。