tooltip 相关问题

防止将鼠标悬停在图像上时出现工具提示？

我想在将鼠标悬停在我网站上的某些图像（不是全部）上时删除弹出工具提示。有没有办法通过 CSS 来实现这一点？如果没有，最简单的方法是什么？ 我的图片在

如何显示带有可变数据的工具提示？

我有一个 html 表单，我想在用户将鼠标悬停在某个输入字段上时添加工具提示。然而，工具提示数据是从 json 中获取的，并且是动态的。我该怎么做呢？ 我尝试了以下...

为 QLabel 中的超文本链接设置工具提示

我有一个带有嵌入式链接的 QLabel： QString 链接名称 ("...") ; QString DestName ("...") ; QLabel* myLabel ; ... myLabel -> setText(QString("点击 我有一个带有嵌入链接的 QLabel： QString LinkName ("...") ; QString DestName ("...") ; QLabel* myLabel ; ... myLabel -> setText (QString ("Click <a href=\"%1\">here</a> to go to %2") .arg (LinkName).arg (DestName))) ; 标签显示在其所有者小部件的中心。 我想在 LinkName 文本上设置工具提示，即 QLabel 中带下划线的可单击文本。但我不知道它在哪里，因为我事先不知道DestName。有没有办法做到这一点？ （我使用的是Qt5。） 注释显示了如何动态设置提示。但我怎么知道它的矩形应该在哪里呢？如何找到“此处”文本的坐标？ 我试过了 "Click <a href=\"%1\" title=\"Tooltip text\">here</a> to go to %2" 但是没有效果。

Bootstrap5使用arrtitube text-truncate时如何调整tooltip位置？

我在html中有一个表格，我不想在单元格中显示长文本。因此我使用 css attritube 'text-truncate' 来截断它。此外，我想我可以使用引导工具提示...

如何验证 Cypress 中的悬停文本（工具提示）？

<span class="mat-button-wrapper"> <mat-icon role="img" fragment="list" class="mat-icon notranslate logo-icon s-24 mr-8 material-icons mat-icon-no-color" aria-hidden="true">arrow_back</mat-icon> </span> 我已尝试以下测试，但它们不起作用。 对于 chrome，它说有超时。 对于edge，它不关注后退按钮，而是关注文本框。 铬： cy.get('#asset-categories>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>button') .trigger('mouseover').invoke('show') cy.contains('Back to asset categories') 边缘： cy.get('#asset-categories>div:nth-child(2)>div:nth-child(1)>div:nth-child(1)>button') .focused().realHover() cy.contains('Back to asset categories') 如果我将鼠标悬停在后退按钮上，将显示“返回资产类别”。 就我而言，我必须将鼠标悬停在按钮上时显示工具提示。它对我有用。我正在验证颜色，您可以根据您的要求进行编辑。我的代码如下： describe('color', () => { it('should have correct background color', () => { cy.get('[data-cy="button"]').realHover(); cy.get('.mat-tooltip') .should('have.css', 'background-color', 'rgb(111, 111, 111)'); }); it('should have correct text color', () => { cy.get('[data-cy="button"]').realHover(); cy.get('.mat-tooltip') .should('have.css', 'color', 'rgb(255, 255, 255)'); }); }); 我使用鼠标悬停事件来检查工具提示。下面代码中的第一行将鼠标指针悬停在按钮上，第二行将检查工具提示是否有可见的文本。 cy.get('#toolTipButton').trigger('鼠标悬停'); cy.contains('您将鼠标悬停在按钮上').should('be.visible');

尝试提交表单而不填写必填字段时如何获得提示？ （不适用于 Firefox 移动版）

在 Firefox 移动版中提交表单而不填写必填字段时，我没有收到提示，显示缺少哪个字段。在 Windows 上的 Firefox 和 Android 上的 Chrome 中，我得到了一个工具...

如何在闪亮的数据表中设置工具提示的样式？

我在闪亮的仪表板中有一个数据表，其中包含第一列中数据的工具提示。不幸的是，我无法编写有效的 CSS 代码来设置工具提示的样式，例如改变

我想知道这张图片是工具提示还是警报对话框

为了实施服务指南，仅在用户第一次启动应用程序时才会出现更高的信息。我正在尝试实现一项允许用户关闭对话气泡的功能。我正在努力重新...

如何在ag-grid React中的标题下方显示自定义工具提示组件标题工具提示

我正在 AG grid 版本 25.3.0 中创建自定义 headerTooltip 组件，根据文档，我已在 FrameworkComponents 中注册了自定义工具提示组件，并在

如何在 Visual Studio Code 中将悬停或工具提示语言更改为西班牙语？

当我将鼠标悬停在函数、类或变量上时，我会获得有关该元素的信息，例如其类型、参数和文档。我想看它，但在西班牙语中，以了解更多关于......

如何设计 Material UI 工具提示的样式？

如何设置 Material UI 工具提示标题的样式？悬停时的默认工具提示为黑色，没有文字换行。是否可以更改背景、颜色等？这个选项甚至可用吗？

自定义工具提示的基本概念，使用纯 Javascript

我需要使用纯 Javascript 代码创建自定义工具提示的基本想法； 我想要的是 ： 例如 ： 链接文字 然后鼠标悬停我...

样式 ngx-bootstrap 工具提示箭头边框采用箭头的形状

目前，我正面临 ngx-bootstrap 工具提示的这个问题，箭头给出了边框的形状，我尝试了多种解决方案，但到目前为止已经达到了最大值。 我附上了两张图片，第一张是...

我可以在 Twitter Bootstrap 的工具提示中使用复杂的 HTML 吗？

如果我查看官方文档，我可以看到一个名为 HTML 的属性： 名称 |类型 |默认 |描述 ---------------------------------------------- ----------------------...

我无法在引导工具提示中单击 html 锚标记中的链接

我正在使用 bootstrap 工具提示，我在工具提示中配置了一个链接，但是当我单击该链接时，它没有重定向到该页面，在尝试超过 10 次后，它正在重定向到该页面

在带有换行文本的工具提示中显示溢出文本

我需要工具提示出现在具有固定最大宽度的块中。当块内的文本太长时，它应该截断文本并在最后显示三个点，您可以将鼠标悬停在...

闪亮：每个选择的 selectizeInput 工具提示悬停

我希望用户在将鼠标悬停在 selectizeInput 中的分组选项上时看到不同的工具提示。此处针对平面选择向量解决了这个问题。即 choices = c("a", "b", &q...

我想显示图像，但是我可以放吗？

我想使用工具提示显示图像。所以当我指向 3dobject 时，它会显示我已经创建的图像。但是我不知道我需要在

按钮旁边的 ASP.NET Core 工具提示

我正在做一个 ASP.NET Core MVC 应用程序。 我有一个图像按钮，它有这样的工具提示 ... 我正在做一个 ASP.NET Core MVC 应用程序。 我有一个图像按钮，它有这样的工具提示 <div class="col-md-1 tooltips" style="margin-left:0px; padding-left:0px"> <span class="t-question-circle-SurfieGreen"></span> <span class="tooltiptext"> <pre class="pre-font-family" style="white-space: pre-line;">Consult with your Implementation Manager / Service Delivery Manager prior to selecting SOMETHING.... </pre> </span> </div> 这是我的CSS .tooltips { width: fit-content } .tooltips .tooltiptext { visibility: hidden; width: 33rem; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0; font-size: 14px; position: absolute; z-index: 1; top: 30%; left: 60%; margin-left: -60px; } this css 从顶部显示工具提示 30%...有效.. 我遇到的问题是我在页面的不同位置都有这个工具提示。而且页面有ScrollBar。 对于我在页面末尾的那个工具提示。没有看到工具提示。 我想在图片旁边显示工具提示。我必须如何定义我的CSS？或者我必须使用 jQuery 吗？ 谢谢

带堆叠条形图的 Google Charts - 工具提示问题

我用谷歌图表创建了一个柱形图。这也正确显示。现在我想个性化标准工具提示，它基本上可以工作。不幸的是，两者现在总是不...