Javascript в большой базе кода, установить цвет неизменным?

Question

Я работаю в большой кодовой базе Java-скриптов, на которую влияют несколько разных компаний.В тысячах строк кода у меня есть небольшой раздел, который мне разрешено изменять (и только этот раздел), где добавляется кнопка.

Мне нужно изменить цвет кнопки и убедиться, что никакое количествочужое форматирование CSS или html меняет его далее.

Так что-то вроде button.style.backgroundColor = "color";

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

Answer 1

Как всегда, вы можете использовать "! Важное" для всех значений вашего свойства.

Если вы незнакомы, "! Важно" предотвратит типичный каскадный эффект и сохранитважное значение:

button {
color: red !important;
}

button {
color: green;
}

<button>Example</button>

Важно понимать, что, если далее вниз по каскаду объявлено другое! Важное значение, каскад вступит в силу.

button {
color: red !important;
}

button {
color: green !important;
}

<button>Example</button>

, но лучший способ предотвратить взлом - дать ему имя класса, которое будет полностью уникальным, и определить все соответствующие свойства в нем.

Помимо этих вещей, вы должны понимать, что веб-разработка должна быть гибкой, поэтому нет способа просто заблокировать ваш элемент и предотвратить подделку из традиционных источников.