CODEWITHSUNDEEP
javascripthtmlcssangularjstooltip
Oatmeal
Oatmeal

Reputation: 759

AngularJs tooltip directive - Add style

I have defined a tooltip:

 window.myApp.directive 'atooltip', ->

   restrict: 'A'
   link: (scope, element, attrs) ->

     on_enter = ->
       $(element).tooltip('show')
     on_leave = ->
       $(element).tooltip('hide')

     $(element).hover(on_enter, on_leave)

Use it in my html file like this -->

<span toolipt atooltip data-tooltip="tooltip" data-placement="top" title="CLICK TO ADJUST PRICING">
          {{ something }}
        </span>

How can I change background-color, font etc., also I have more text to add in tooltip, how to format text, can I use html?

Upvotes: 2

Views: 1085

Answers (1)

Mehi
Mehi

Reputation: 51

Read documentation about jQuery or angular.element, those offer the funcionality you want. element.css ("background-color","white").

Upvotes: 1

Related Questions