需要帮助覆盖外部 CSS 文档中滑块的按钮样式

Question

我正在处理一个需要更新网页的外部 CSS 文件的项目。 问题是我需要使用 Marketo 令牌来指示新的 CSS 样式将是什么。标记在外部 CSS 文件中不起作用；我试过了。

我已经能够自己完成大部分工作，但是，我被困在一个元素上：滑块。我想修改 slider buttons 的颜色，由 Marketo 代币确定。我已经尝试在网页 html 代码中“重建”滑块部分，但到目前为止还没有运气。

有什么想法吗？

这也是一个时间敏感的项目。

非常感谢您的帮助！

Answer 1

我了解到您正在尝试覆盖以前的 CSS 代码。您是否尝试过以下方法？

1. 背景颜色：红色！重要；
2. 将您希望有效的css文件的链接放在底部。
3. 删除所有与 javascript 相关的按钮类并添加新的类来设置样式。

.color{
    color: red;
     color: blue !important;
}

<div class="color">Color</div>

document.querySelector('.js-a').classList.add('js-b');
document.querySelector('.js-a').classList.remove('js-a');

.js-b{
color:blue;
}

.js-a{
color:red;
}

<div class="js-a">Javascript</div>