feat: Extend ion-range CSS shadowparts for individual knob styling with dualKnobs active

[Tminchew]

Prerequisites

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

Describe the Feature Request

I would like the ability to style an individual knob on the ion-range slider when dualKnob=true using the CSS shadowparts knob field.

Describe the Use Case

I want the knob to change color based on areas/values of the range slider. This unfortunately modifies both knobs colors currently.

Describe Preferred Solution

using CSS shadowparts so it can be referenced like:
ion-range::part(knob-a) { <-- CSS Here --> }
ion-range::part(knob-b) { <-- CSS Here --> }

Describe Alternatives

Any currently known way on how to individually style a knob when dualKnob is true

Related Code

No response

Additional Information

No response

[rdlabo]

Great request — this will be really useful 👍

One additional thought: it would be great if ion-range itself could receive a class when dual-knobs is active.
That would make it easier to detect the dual-knob state directly from the DOM and would unlock even more styling and customization possibilities.

[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.