Mais de uma vez eu tive problema ao mexer no CSS de algum elemento e queria saber se acontece isso com mais alguém, bem como se sabe-se o motivo disso. As vezes, ficar atualizando mais vezes funcionou, mas em geral não (como foi agora). O último problema que tive foi com o botão de enviar formulário. Após criar a class="enviar" e usar ela no CSS, nenhuma modificação acontecia, o botão ficava inalterado. Código html:
<label class="checkbox"><input type="checkbox" checked>Gostaria de receber nossas notícias por e-mail?</label>
<input type="submit" value="Enviar formulário" class="enviar">Código css:
.checkbox{
margin: 20px 0;
}
.enviar{
width: 40%;
background: orange;
transition: background 1s;
padding: 15px 0;
color: white;
font-size: 18px;
font-weight: bold;
border: none;
border-radius: 10px;
cursor: pointer;
}
.enviar:hover{
background: darkorange;
}Quem estranhou eu ter colado a parte do código do checkbox? Bem, não foi sem querer... Por estranho que pareça, eu apaguei o trecho do checkbox do css e a formatação da classe .enviar passou a funcionar. Depois eu recoloquei o código do checkbox (igual, até porque eu cortei e colei apenas), e ambos funcionaram...
O motivo? Esse é o mistério que não consigo desvendar e busco a sabedoria alheia dos colegas aqui kkkkk
