How to Disable ScrollBar Customization of DaisyUI

[Keshav-writes-code]

So, i have a global.css file in my project where i defined some custom properties for the scrollbars

`@tailwind base;
@tailwind components;
@tailwind utilities;

@layer utilities {
.scrollbar::-webkit-scrollbar {
width: 3px;
}

.scrollbar::-webkit-scrollbar-track {
border-radius: 100%;
background: #02050d;
}

.scrollbar::-webkit-scrollbar-thumb {
background: #e0cbcb;
border-radius: 100vh;
border: 3px solid #f6f7ed;
}

.scrollbar::-webkit-scrollbar-thumb:hover {
background: #c0a0b9;
}
}`

so, when i installed DaisyUi, the scrollbar was all set to some other default Properties
i dont want that
i want mine properties to be applied

[flomero]

tailwind changes the scrollbar-color property of everything on your page. can you try adding this to remove the tailwind styles

*,
*:hover {
    scrollbar-color: auto;
}

If scrollbar-color and scrollbar-width are supported and have any value other than auto set, they will override ::-webkit-scrollbar-* styling. See Adding a fallback for scrollbar styles for more details.

see: https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-scrollbar

[Keshav-writes-code]

Thanks