tooltip jqueryUI css issue

Question

I have an issue about jqueryUI tooltip..

In fact, impossible to change the css style of the class .ul-tooltip. . specially on firefox.

In more, even on the offical website.. On the demo : https://jqueryui.com/tooltip/#custom-style

When I look the style on firefox and on chrome, the style are different.

I try to override the 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);
}

but no result.

I try to add a new class and manage style by it.. no result

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

  });
  </script>

No idea what happen.. it's like if firefox add is own css for tooltip.

Thank's for your help, .. @Jacob I try your link.. but I get the same result : i62.tinypic.com/11twrkm.png — Mike5
– Mike5, Commented Oct 21, 2015 at 13:16

Mike5 · Accepted Answer · 2015-10-21 13:29:03Z

1

Thank's for your help of all.

I found the solution.. it was from a Firefox extention.. When the Avast Online Security extention is enable, it create this issue and replace the css of the tooltip..

answered Oct 21, 2015 at 13:29

Mike5

911 silver badge15 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Carlo G. · Accepted Answer · 2015-10-21 12:58:23Z

0

Try including this css file before all other css :

http://meyerweb.com/eric/tools/css/reset/

answered Oct 21, 2015 at 12:58

Carlo G.

15212 bronze badges

Collectives™ on Stack Overflow

tooltip jqueryUI css issue

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related