Overriding CSS styles of the jQuery UI Tooltip widget

by

For those looking to apply a custom class to the new tooltip widget (jQuery UI 1.9.1), extraClass doesn’t seem to work anymore, but there is a new option called tooltipClass.

$('.selector').tooltip({
        tooltipClass: "your_class-Name",
});

In order to address potential conflicts with jQuery’s css, you may need to add !important to the end of the lines in your css. Thanks to @sisharp for pointing that out 🙂

More Related Contents:

  1. jQuery override default validation error message display (Css) Popup/Tooltip like
  2. jQuery Adding new option to select element doesn't pick up the string [closed]
  3. Slide down button to show text HTML CSS
  4. Bootstrap 3 Collapse show state with Chevron icon
  5. Add and remove a class on click using jQuery?
  6. css width: calc(100% -100px); alternative using jquery
  7. Number nested ordered lists in HTML
  8. Use jQuery/CSS to find the tallest of all elements [duplicate]
  9. How do I auto-hide placeholder text upon focus using css or jquery?
  10. Set width of a “Position: fixed” div relative to parent div
  11. How to make a hover effect for pseudo elements?
  12. What CSS3 selectors does jQuery really support, e.g. :nth-last-child()?
  13. Exporting PDF with jspdf not rendering CSS
  14. How to take id as selector when used hash?
  15. Get height of div with no height set in css
  16. auto resize text (font size) when resizing window?
  17. Mobile site – force landscape only / no auto-rotate
  18. Check, using jQuery, if an element is ‘display:none’ or block on click
  19. How can I tell if a particular CSS property is inherited with jQuery?
  20. Change button text jquery mobile
  21. Can an iframe only show a certain part of the page?
  22. How to force a hover state with jQuery?
  23. CSS issue on Twitter Typeahead with Bootstrap 3
  24. How to keep footer at the bottom even with dynamic height website
  25. Google Chrome viewport-anchored expand direction with flexbox
  26. How add spaces between Slick carousel item
  27. Fading elements in and out without changing the layout of the page
  28. jQuery css gradient
  29. Removing multiple classes (jQuery)
  30. What is alternative to use after jQuery 1.9 removed .toggle(function,function)?

Leave a Comment