How to add css in HTML title

Question

I am using a datatable for my data population.I am using Title for the header tooltip.But can i use css along with it? Like i tried

#mainTable title {  
  font-weight: bold;
  font-size : 30px;
  color:red;
}

and i want to use css in table header inside th

 var createTable = '<table id="mainTable" class="display"><thead><tr><th title="Starting date of the period in which the activity occurred.">Period Starting</th><th title=Intelligence(Milestone)>Intelligence</th><th title=Engaged(Milestone)>Engaged</th><th>Qualification</th><th>Internal Submission</th><th>Present</th><th>Interviewed</th><th>Support</th><th>Placement</th></tr></thead><tbody>';

Can i achieve anyhow?

You can't style the built-in tooltips that show via the `title` attribute. Their appearance is decided by the browser. — paul, Mar 16 '15 at 14:25

score 1 · Answer 1 · answered Mar 16 '15 at 14:25

1

short answer: you can't.

long answer: you could create your own tooltip popup that you have css control over using javascript. you could write your own, or use one of many available plugins.

answered Mar 16 '15 at 14:25

jdu

581
2
3

Matthew North · Answer 2 · 2015-03-16T14:36:13.077

0

You can try:

    .ui-tooltip-content {  
      font-weight: bold;
      font-size : 30px;
      color:red;
    }

Assuming I've read the question right?

edited Mar 16 '15 at 14:36

answered Mar 16 '15 at 14:29

Matthew North

553
5
20

@ Matthew not working – lucifer Mar 16 '15 at 14:32
Updated the answer, if you want to give it a try. – Matthew North Mar 16 '15 at 14:38
tried your code not working..what is .ui-tooltip-content?? – lucifer Mar 16 '15 at 14:47

How to add css in HTML title

2 Answers2