How to prevent Polaris CSS overwriting custom style?
Options
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
03-15-2024 01:37 AM
Hi Community,
the following Catalog Client Script code to color my Question variables works in UI prior to Next Experience:
g_form.getControl('<MY_CONTROL_NAME>').parentNode.style.color = 'rgba(0, 0, 0, 0.4)';
But as soon as Next Experience is turned on (which it is in most cases) I can see Polaris CSS overwriting my color styles. When I inspect the element I am able to find my code but it is ignored because Polaris overwrites it.
I tried to do this:
g_form.getControl('<MY_FIELD_NAME>').parentNode.style.setAttribute('color', 'rgba(0, 0, 0, 0.4)', 'important');
But this only threw an error saying setAttribute is not a function.
Does anyone know how to change the color on Catalog Item labels that also works in Next Experience?
Thanks and regards,
Tobias
0 REPLIES 0