kazzkiq / balloon.css

Simple tooltips made of pure CSS

Home Page:https://kazzkiq.github.io/balloon.css/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

Fryingpannn opened this issue · comments

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

Thanks.

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

commented

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" ... >