Applying style for title of span tag

Question

My requirement is to apply style on the title attribute of the span tag. I tried so many ways and it did not work

<span title="Hello" class="span_style"> hello </span>

I want to change the back ground color if user hovers on the text.

if i hover on the text i will be getting some information about it (tool tip). for that tool tip i want the back ground to be changed from the default

I wrote like this

.span_style title: hover {
   background-color: rgba(81, 85, 89, 0.8);
}

It did not work.

if we hover on the text some text will be shown and i need a specific background for that text — Venkatesswara Rao Devarapalem, Oct 24 '16 at 07:37
@hema Luna it is not duplicate of that. I have checked that before posting it did not work — Venkatesswara Rao Devarapalem, Oct 24 '16 at 07:38
It was. Based on your question. You want to change the background color of the span title. Maybe, what you mean is change the span background color which has the title of "Hello". — hdotluna, Oct 24 '16 at 07:44

score 0 · Answer 1 · answered Oct 24 '16 at 07:54

0

It will never work, what you need is boostrap tooltip or popover plugin. Very simple to install and use.

Read about Bootstrap Tooltip here https://getbootstrap.com/javascript#tooltips

Or

http://www.w3schools.com/bootstrap/bootstrap_tooltip.asp

answered Oct 24 '16 at 07:54

Prince Tegaton

222
1
4
14

you wrong, its can work with css only. check my answer. – Zeev Katz Oct 24 '16 at 07:59

Applying style for title of span tag

1 Answers1