How to hide tooltip in icon-only Button?

[testforvln99]

When I use Button components like , I found that the iconDescription always pop up. In issue carbon-design-system/carbon#11170 (comment), @jnm2377 told us that "you can also choose not to include the icon description so the title tooltip doesn't pop up", but the icon-only button must have icon description.
So how can I forbid iconDescription popping up from icon-only button?

[metonym]

In that issue, the scenario refers to the native title attribute, which is controlled by browsers.

For the icon-only Button, you can use global CSS that hides the tooltip text. Note that it's important to specify an icon description for accessibility reasons.

Svelte REPL

<Button iconDescription="Tooltip text" icon={Add} />

<style>
  :global(.bx--btn--icon-only:hover .bx--assistive-text) {
    display: none !important;
  }
	
  :global(.bx--btn.bx--btn--icon-only.bx--tooltip__trigger.bx--tooltip--a11y::before) {
    display: none !important;
  }
</style>

[testforvln99]

You really save my time! Thanks for you answer.

[mbgower]

@testforvln99 note that if the tooltip doesn't appear, no one can discover what the name/purpose of an icon button is. It is unusual not to have a tooltip appear (both on hover and on focus). You may have a good use case, but I wanted to flag.