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

Is there a way to force a tooltip to show in a specific place for an imput element?

本文关键字:元素 输入 位置 定位 显示 工具提示 有没有      更新时间:2023-09-26

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

您可以通过

在工具提示上应用 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;
}