大型代码库中的 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>

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

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