bug: Scrollbar not stylable

[Rufai-Ahmed]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

v8.x

Current Behavior

I can't style the scrollbar when trying this:

::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
  border-radius: 10px; 
}

::-webkit-scrollbar {
  width: 12px;
  background-color: transparent; 
}

::-webkit-scrollbar-thumb {
  border: 1px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 3em;
  background-color: rgba(0, 124, 182, 0.69) 
}

::-webkit-scrollbar-corner {
  background-color: transparent;
}

And I've also looked at previous threads concerning this and the profferred solution was to check this codepen implementation, but it's no longer working.

https://codepen.io/liamdebeasi/pen/QWbEbpO

Expected Behavior

I expect it to style the scrollbar.

Steps to Reproduce

Just attempt to change the style of the scrollbar on an ionic application

Code Reproduction URL

https://

Ionic Info

[ERROR] Invalid project type: angular-standalone (project config: .\ionic.config.json).

    Project type must be one of: angular, ionic-angular, ionic1, custom, react, vue

Bad project type: undefined

It's probably showing this because it's an nx monorepo

Additional Information

No response

[HookdaCode]

Try these in your CSS file, it should be working:

`
ion-content {
--ion-scroll-bar-color: red;
--ion-scroll-bar-background: #f1f1f1;
}

ion-content::part(scroll) {
scrollbar-width: thin;
scrollbar-color: red #f1f1f1;
}

ion-content::part(scroll)::-webkit-scrollbar {
width: 10px;
}

ion-content::part(scroll)::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px;
}

ion-content::part(scroll)::-webkit-scrollbar-thumb {
background: red;
border-radius: 10px;
}

ion-content::part(scroll)::-webkit-scrollbar-thumb:hover {
background: #b30000;
}
`

[Rufai-Ahmed]

It works, thanks.

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.