[Bug]: Range input appearance not work on chrome 123, but work on Firefox

[zw963]

Before submitting...

• [X] I have searched for duplicate or closed issues.
• [X] I have read the CONTRIBUTING document and my issue is following the guidelines.
• [X] I have read the template completely before filling it in.

Context

Following is two screenshot when open use chrome and firefox.

chrome: (not correct)

firefox: (correct)

Current Behavior

No response

Expected behavior

Expect range input show correct on chrome browser, as in Firefox.

Possible Solutions or Causes

No response

Steps to reproduce

No response

Your Environment

• Version used: 2.0.4
• Browser Name and version: Google Chrome 123.0.6312.86
• Operating System and version (desktop or mobile): Arch linux on desktop
• Additional information you want to tell us:

[iozuniga]

Work around: input[type=range] { background-color: var(--md-sys-color-primary); }

[zw963]

Work around: input[type=range] { background-color: var(--md-sys-color-primary); }

It works!

Thank you.