Javascript 在大型代码库中，将颜色设置为不可变？

Question

我在受多家不同公司影响的大型 java 脚本代码库中工作。在数千行代码中，我有一小部分允许修改（并且只能修改添加按钮的那一部分）。

我需要更改按钮的颜色，并确保没有任何外国 CSS 或 html 格式会进一步改变它。

所以像 button.style.backgroundColor = "color";

 button.style = "style can only be changed through javascript";

Answer 1

一如既往，您可以对所有 属性 值使用 "!important"。

如果您不熟悉，“!important”将阻止典型的级联效应发生并保留重要值：

button {
color: red !important;
}

button {
color: green;
}

<button>Example</button>

重要的是要认识到，如果在级联的下方声明了另一个 !important 值，级联将会生效。

button {
color: red !important;
}

button {
color: green !important;
}

<button>Example</button>

但防止篡改的最佳方法是给它一个 class 完全唯一的名称，并在其中定义所有相关属性。

除此之外，您必须了解 Web 开发应该是可塑的，因此没有办法仅仅锁定您的元素并防止来自传统来源的篡改。