JSFiddle - React, Tailwind, and code Playground

by Soltuts Tutorial

HTML

<!DOCTYPE html> 
<html> 
<head> 
    <title> 
        How to Change the Style of
        Anchor Tag Title Attribute?
    </title> 
</head> 
<body style="text-align:center;"> 
    <h1 style="color:green">
        Soltuts.com
    </h1>
    <h3>
        Change the Style of Anchor Tag Title Attribute
    </h3>
  
    <a href="https://soltuts.com/tag/css/"  data-title="Soltuts">
        Link 
    </a> Title with different background color and style
    <br>
    <a href="https://soltuts.com/tag/css/" title="Soltuts">
        Link
    </a> Title with a normal tool-tip
</body> 
</html>

CSS

[data-title]:hover:after {
            visibility: visible;
        }
        [data-title]:after {
            content: attr(data-title);
            background-color: #4b9c2c;    
            color: #ffffff;
            font-size: 150%;
            position: absolute;
            padding: 4px 8px 4px 8px;
            visibility: hidden;
        }