Как изменить inline-style в CSS?

Inline-стиль (атрибут style) меняют из JavaScript или перебивают из CSS.

Из JavaScript

element.style.backgroundColor = 'red';
element.style.setProperty('--size', '24px');
element.style.removeProperty('background-color');

В React — через объект: <div style={{ backgroundColor: 'red' }} />.

Из CSS

Инлайн-стиль сильнее любых селекторов, поэтому перебить его можно только !important:

.box { color: blue !important; }

Это крайняя мера, она запутывает каскад.

Как лучше

• Не писать стили инлайном, а переключать классы: element.classList.toggle('is-active').
• Для динамических значений — CSS-переменная в style, а сами правила в CSS:

<div class="progress" style="--value: 40%"></div>

.progress::after { width: var(--value); }

Коротко для собеседования

Inline-стиль меняют через element.style или перебивают !important; лучше переключать классы и передавать значения через CSS-переменные.

Подробнее: MDN — HTMLElement.style