Estou adicionando a classe que contém o fundo cinza, porém ao dar o inspect estou vendo que outra está sobrescrevendo ela, esta setada no próprio element.style: background: transparent !important.
Porém estava funcionando normalmente. Agora fica assim!! Alguém sabe o que pode ser?
.frase {
    font-size: 20px;
}
.campo-digitacao {
    font-size: 20px;
    height: 130px;
    border: solid 3px black;
}
.borda-vermelha {
    border-color: red;
}
.borda-verde {
    border-color: green;
}
.campo-desativado {
    background-color: lightgray;
}
.icones {
    vertical-align: middle;
}
.placar {
    display: none;
}
body {
    overflow: scroll;
}