Como ativar o windows10
Como ativar o windows10
css checkbox”:assinalado mudar de cor
Vale a pena notar que a questão fundamental não mudou. Você ainda não pode aplicar estilos (bordas, etc.) diretamente ao elemento de caixa de seleção e ter esses estilos afetando a exibição da caixa de seleção HTML. O que mudou, entretanto, é que agora é possível ocultar a caixa de seleção real e substituí-la por um elemento com estilo próprio, usando nada além de CSS. Em particular, como o CSS agora tem um seletor amplamente aceito :check selector, você pode fazer com que sua substituição reflita corretamente o status marcado da caixa.
Aqui está um artigo útil sobre as caixas de seleção de estilo. Basicamente, esse escritor descobriu que varia tremendamente de navegador para navegador, e que muitos navegadores sempre exibem a caixa de seleção padrão, não importa como você a estilize. Portanto, não há realmente uma maneira fácil.
Você pode conseguir um efeito de caixa de seleção personalizado bem legal usando as novas habilidades que vêm com o :depois e :antes das pseudo-classes. A vantagem disto, é: Você não precisa acrescentar mais nada ao DOM, apenas a caixa de seleção padrão.