Temanıza uyumlu olması için border eklemek istiyorsanız aşağıdaki gibi yapabilirsiniz.
Örnek Görüntü:
Yapabilmek için @ByBurak arkadaşımızın global.css için verdiği CSS kodları yerine aşağıdaki CSS kodlarını ekleyiniz.
Örnek Görüntü:Yapabilmek için @ByBurak arkadaşımızın global.css için verdiği CSS kodları yerine aşağıdaki CSS kodlarını ekleyiniz.
Kod:
.tooltip {
color: #FFFFFF;
outline: none;
text-decoration: none;
position: absolute;
}
.tooltip span {
margin-left: -999em;
position: absolute;
}
.tooltip:hover span {
font-size: 11px;
position: relative;
left: 15px;
z-index: 99;
margin-left: 0;
}
.classic {
height: 16px;
line-height: 16px;
background: #f5f5f5;
color: #333;
font-weight: normal;
border: 1px solid #dddddd;
border-left: 0;
display: inline-block;
padding: 0 5px 0 0;
}
.classic:before {
position: absolute;
content: "";
border: 10px solid rgba(0, 0, 0, 0);
border-right-color: #dddddd;
bottom: -2px;
right: 99%;
}
.classic:after {
position: absolute;
content: "";
border: 8px solid rgba(0, 0, 0, 0);
border-right-color: #f5f5f5;
bottom: 0;
right: 99%;
}