JS阻止或覆盖CSS样式

// 获取目标元素
var element = document.getElementById('your-element-id');

// 修改元素的样式属性
element.style.color = 'red'; // 将文本颜色设置为红色
element.style.backgroundColor = 'blue'; // 将背景颜色设置为蓝色

// 获取目标元素
var element = document.getElementById('your-element-id');

// 创建一个新的<style>元素
var styleElement = document.createElement('style');
styleElement.type = 'text/css';

// 为新元素添加样式规则，确保使用!important来提高优先级
styleElement.innerHTML = `#your-element-id { color: red !important; background-color: blue !important; }`;

// 将新<style>元素插入到文档头部
document.head.appendChild(styleElement);