How to make a textarea scrollable with the mouse while still having the scrollbar removed?

As the title says, I think a scrollbar looks ugly. I removed it, but now it's not mouse-scrollable. I searched online and found nothing. Any help?

I tried to make it look cleaner, i expected the scrollbar to dissapear, which it did, but now the textarea is no longer scrollable

I think this could effectively (and fairly cross-browser) be achieved with the following CSS:

.element {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.element::webkit-scrollbar {
  display: none;
}