1
resposta

[Dúvida] hover

Insira aqui a descrição dessa imagem para ajudar na acessibilidade A palavra muda a cor, não a caixa . HTML

<fieldset>       

            <legend>Como prefere o nosso contato?</legend>
            <label for="raio-email"> <input type="radio" name="contato" value="email" id="raio-email"> E-mail</label>    


            <label for="radio-telefone">  <input type="radio"  name="contato" value="Telefone" id="radio-telefone">Telefone</label>


            <label for="whatsapp"> <input type="radio" name="contato" value="whatasapp"id="whatsapp" checked >Whatszapp</label>

</fieldset>      
<fieldset>        
            <legend>Qual horário prefere ser atendido?</legend>
            <select>
            <option>Manhã</option>
            <option>Tarde</option>
            <option>Noite</option>
</select>
</fieldset>

            <label class="check"><input type="checkbox"checked> Gostaria de receber novidades via email?</label>


            <input type="submit" value="Enviar formulario" class="enviar" >
</form>
</main>


        <footer>
            <img src="logo-branco.png" alt="logo barbearia alura">
            <p class="copyright">© Copyright Barbearia Alura - 2019</p>
        </footer>
    </body>
    </html>

CSS

.enviar{

        width:40%;
        padding: 15px 0;
        background: orange;
        font-weight: bold;
        color: #000000;
        font-size: 18px;
        border: none;
        border-radius: 5px;


}
.enviar:hover{
    color: darkorange;
}
1 resposta

Boa noite Emanuel, tudo bem? espero que sim!

Nesse caso você utilizaria o background-color, pois você quer setar a cor de background do elemento

.enviar:hover{
   background:  darkorange;
}