I have below line of code which will show help text when user will hover over question mark.

        <div class="helptext" onmouseover="{!c.applyCSS}">?</div>
        <div style="visibility:hidden;">Tooltip text</div>       

.THIS .helptext{
    background-color: blue;
    height: 20px;
    width: 20px;
    color: white;
    border-radius: 50%;
    text-align: center;
    padding-top: 2px;

.THIS .helptext:hover.tooltiptext{
    background-color: red;

It is not working. I made this part working using lightning design.

However I want to know why this is not working.

Thanks in advance.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Browse other questions tagged or ask your own question.