javascript - 有没有办法强制工具提示显示在输入元素的特定位置？

Question

我正在处理过滤器列表，由于大小限制，我希望每列都有文本输入元素。每个输入的值最初将是列的名称，但当用户单击它时将被清除。我想要一种在输入上方显示带有列名称的工具提示的方法，只要输入被聚焦（这样用户就可以看到他在做什么，而不必取消他的操作并重新开始）。

Answer 1

您可以通过在工具提示上应用 CSS 来做到这一点

.tooltip {
  border-bottom: 1px dotted #000000;
  color: #000000; outline: none;
  cursor: help; text-decoration: none;
  position: relative;
}
.tooltip div {
margin-left:50px;
margin-top:50px;
margin-right:80px;
margin-bottom:300px;
  position: absolute;
}