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

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;
}