# Slider.style() - change color of slider

**URL:** <https://discourse.processing.org/t/slider-style-change-color-of-slider/4329>\
**Category:** Coding Questions\
**Created:** [October 10, 2018, 2:34pm UTC](https://discourse.processing.org/t/slider-style-change-color-of-slider/4329 "2018-10-10T14:34:16Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![slow\_izzm](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/slow_izzm/32/5637_2.png) [@slow\_izzm](https://discourse.processing.org/u/slow_izzm)\
**Post date:** [October 10, 2018, 2:34pm UTC](https://discourse.processing.org/t/slider-style-change-color-of-slider/4329/1 "2018-10-10T14:34:16Z")

</div>

How do you change the color of a slider? It seems most other style properties work properly when using slider.style();, but neither background or background-color seem to make any change. I also tried to set the color in the style.css and update it via slider.class() with no luck. Any help here would be appreciated.

---

<div class="post-metadata">

**Author:** ![TheWizardBear](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/thewizardbear/32/3552_2.png) [@TheWizardBear](https://discourse.processing.org/u/TheWizardBear)\
**Post date:** [October 10, 2018, 4:57pm UTC](https://discourse.processing.org/t/slider-style-change-color-of-slider/4329/2 "2018-10-10T16:57:12Z")

</div>

I’m not sure this is possible as the slider design is built into the browser being used.  
You might have to make a custom slider.

---

<div class="post-metadata">

**Author:** ![slow\_izzm](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/slow_izzm/32/5637_2.png) [@slow\_izzm](https://discourse.processing.org/u/slow_izzm)\
**Post date:** [October 10, 2018, 7:17pm UTC](https://discourse.processing.org/t/slider-style-change-color-of-slider/4329/3 "2018-10-10T19:17:19Z")

</div>

I was kind of wondering that. I don’t mind to create one, just thought maybe I was missing something since I was able to get other properties to work using style().

---

<div class="post-metadata">

**Author:** ![sidn77](https://avatars.discourse-cdn.com/v4/letter/s/ea666f/32.png) [@sidn77](https://discourse.processing.org/u/sidn77)\
**Post date:** [January 27, 2021, 1:42pm UTC](https://discourse.processing.org/t/slider-style-change-color-of-slider/4329/4 "2021-01-27T13:42:23Z")

</div>

Faced the same issue. Setting attribute: _appearance: ‘none’_ in the .css file and then updating the background colour worked.