Por que é impossível alterar a cor da caixa de seleção, independentemente das modificações de código? Esta questão foi predominante no Firefox 29 e posterior. As caixas de seleção e os botões de rádio são considerados elementos "nativos", o que significa que sua aparência é governada pelo navegador e não pelas regras do CSS. Os navegadores priorizam a consistência na interface do usuário e, portanto, aplicam as propriedades visuais padrão para esses elementos. Esta propriedade, você ganha controle sobre a cor do destaque aplicada à caixa de seleção, que abrange a marca de seleção e qualquer plano de fundo que o acompanha. Aqui está um exemplo:

#cb1 { Accent-Color: #9B59B6; / * Altere a cor da marca de seleção na caixa de seleção #CB1 para azul */ }

demonstração

Veja a demonstração abaixo para testemunhar a modificação bem-sucedida das cores da caixa de seleção usando a propriedade Accent-Color:

#cb1 { Accent-Color: #9B59B6; } #cb2 { Accent-Color: #34495E; } #cb3 { Accent-Color: #E74C3C; }