Css que se utiliza para el tooltip:
.
.popper,
.tooltip {
position: absolute;
z-index: 9999;
background: #009B67;
color: white;
width: 330px;
border-radius: 3px;
box-shadow: 0 0 2px rgba(0,0,0,0.5);
padding: 10px;
text-align: center;
}
.tooltip-inner {
overflow-x: auto;
}
.tooltip-arrow {
width: 0;
height: 0;
border-style: solid;
position: absolute;
margin: 5px;
}
.tooltip-arrow {
border-width: 5px 5px 0 5px;
border-left-color: transparent;
border-right-color: transparent;
border-bottom-color: transparent;
bottom: -5px;
left: calc(50% - 5px);
margin-top: 0;
margin-bottom: 0;
background: white;
color:#009B67;
}
Ademas deberia decir que uso el tooltip.js de bootstrap, y lo que deseaba era interactuar entre el evento y el tooltip, pero nunca logro ingresar en el porque comienza a parpadear, realmente necesito ayuda Gracias
<label tooltip="El total ingresos es el resultado de la suma de todos los ingresos." placement="top" show-delay="500"> <strong>Total ingresos y/o ventas brutas: ${{acomuladorIngresos | currency:'':'' : '1.0'}} </strong> </label>