search

kazzkiq / balloon.css

Simple tooltips made of pure CSS
https://kazzkiq.github.io/balloon.css/
MIT License
5.03k stars 448 forks source link

Is it possible to remove the arrow that appears with the popup? #166

Open Fryingpannn opened 3 years ago

Fryingpannn commented 3 years ago

I tried using --balloon-arrow: none; but it doesn't seem like that's a supported feature.

Thanks.

Rishabh32700 commented 2 years ago

hey !!! Do you want to remove arrow of tooltip?

rr-os commented 2 years ago

This would be a feature request, I believe, but in the meantime, you can hide the arrow yourself, in your own stylesheet:

globally: CSS: [aria-label][data-balloon-pos]:before { display: none !important; }

or for specific elements by class: CSS: [aria-label][data-balloon-pos].no-arrow:before { display: none !important; }

HTML: <div aria-label="I have no arrow" data-balloon-pos="up" class="no-arrow" ... >