相关疑难解决方法(0)

我的页面上有一个默认的JQuery UI工具提示函数调用.有没有办法使用Inspector以交互方式设置工具提示div的样式？如果我有两个鼠标指针,一个将悬停在一个元素上以保持工具提示显示,第二个将使用Inspector并构建样式.但我只有一只鼠标,一旦它移出元素,工具提示就会消失.检查Inspector中的":hover"状态没有帮助.鼠标移出时工具提示消失.

我正在使用Chrome,但任何浏览器中的任何技巧都可以.

我有这个文本，我想显示为工具提示。没有样式（只是字体大小定义为 16px）它看起来像这样：

我真正想要的是将文本显示在一行中 - 所以我在 css 中将空白设置为 pre：

::ng-deep .mat-tooltip {
  font-size: 16px;
  white-space: pre;
}

但是现在文本超出了工具提示的框：

我尝试将宽度设置为更高的 px 值，但没有任何效果。

有没有办法使框适合文本？

[编辑 - 添加了评论中指出的缺失示例]：stackblitz 链接
示例中的文本没有离开框，而是缩写而不是框适合整个文本，尽管我将宽度设置为 400px。