Skip to main content
NP_101496719-Granite
9-Granite
October 25, 2022
Question

Dropdown Color

Hey @krishnakomal ,

 

Do you know how to change the color of dropdown scrollbar by using CSS? Here I attach SS.

Please help me in this. 

 

 

Thanks.

7 replies

LM_104158011-Visitor
1-Visitor
October 26, 2022

You can maybe try :

 

 

body {
 scrollbar-color: red yellow;
}

 

It'll probably modify all scrollbar

To only modify the scrollbar into the dropdown you can maybe do :

.YOUR_DROPDOWN {
 overflow-y: scroll; /* I think you already got this */
 scrollbar-color: yellow green;
}​



 

Regards,

Translate
NP_101496719-GraniteAuthor
9-Granite
October 27, 2022

Hi @LM_10415801 , @bchaudhary_448008 ,

 

It's not working. Please check attached Screenshot. 

 

 

Thanks.

Translate
LM_104158011-Visitor
1-Visitor
October 27, 2022

Hello again @NP_10149671 ,

Instead of "YOUR_DROPDOWN" you have to write the name of the dropdown (in css, after "." you have to write the name of the component you want to design and after "#" you have to write his id).

Best regards,

Translate
bchaudhary_4480085-Regular Member
5-Regular Member
October 26, 2022

Hello @NP_10149671 ,

 

Pls check the below attached community post. And it happened to solve the similar issue. 

 

Let me know if it helps.

 

Regards

Bhawna

Translate
bchaudhary_4480085-Regular Member
5-Regular Member
October 27, 2022

Hello @NP_10149671 

 

My bad I haven't attached the post Please check the below post and let me know if it resolve your issue.https://community.ptc.com/t5/ThingWorx-Developers/I-want-to-change-the-scrollbar-style/td-p/788917?posno=13&q=change%20the%20color%20of%20scroll%20bar&source=search 

 

Thanks

Translate
NP_101496719-GraniteAuthor
9-Granite
October 27, 2022

Hi @bchaudhary_448008 ,

 

Previously, I gone through this post and checked but it did not work. 

 

Thanks.

Translate
Terms & ConditionsAccessibility statement