¿Cómo cambiar el color de fondo de la etiqueta del título?

Ver esta imagen …

introduzca la descripción de la imagen aquí

Hay una etiqueta de título que se cierne sobre cada uno de los icons sociales. Estoy tratando de cambiar el color de fondo de la burbuja donde está la etiqueta del título.

He intentado esto …

a[title]:hover:after { background: #8b6ab2; } 

Pero no está funcionando. ¿Existe una forma general de hacer esto o tiene que ser dynamic según el sitio web?

Lo hice de esta manera.

 hover here  

Puedes ocultar el título predeterminado usando un atributo de datos como este

 hover here  

ver más aquí

Intente agregar! Importante al final de la regla CSS. Es probable que el marco CSS que esté utilizando para la información sobre herramientas esté anulando su CSS.