jquery - 工具提示 jqueryUI css 问题

Question

我有一个关于 jqueryUI 工具提示的问题..

事实上，.ul-tooltip类的css样式是不可能改变的。 . 特别是在火狐上。

在更多，甚至在官方网站上..关于演示:https://jqueryui.com/tooltip/#custom-style

当我在 firefox 和 chrome 上查看样式时，样式不同。

我尝试覆盖 css

.ui-tooltip {
  background: #fcfcfa !important;
  color: #86c724 !important;
  border: 1px solid #86c724 !important;
  border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  padding: 10px !important;
  -webkit-box-shadow: 0 0 5px  rgba(0,0,0,0.25);
          box-shadow: 0 0 5px  rgba(0,0,0,0.25);
}

但没有结果。

我尝试添加一个新类并通过它管理样式.. 没有结果

  <script>
  $(function() {
    $( ".infoboxcontainer" ).tooltip({
      tooltipClass: "myNewClass"
    });

  });
  </script>

不知道会发生什么.. 这就像 firefox add 是自己的工具提示 css。

Answer 1

感谢大家的帮助。

我找到了解决方案。它来自 Firefox 扩展。当启用 Avast Online Security 扩展时，它会产生此问题并替换工具提示的 css。