Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

O botão de envio não muda com padding.

Olá pessoal,

Nesta aula, o instrutor mudou o espaços internos padding: 10px 25px; em todo os campos <input>, mas no meu código o botão de "submit" "envio" não recebeu os valores do padding como o do instrutor.

Já repassei mas não sei onde errei.

Trecho HTML.

<main>

    <form>

        <label for="nomesobrenome">Nome e Sobrenome</label>

        <input type="text" id="nomesobrenome">

        <label for="email">Email</label>

        <input type="text" id="email">

        <label for="telefone">Telefone</label>

        <input type="text" id="telefone">

        <input type="submit" value="Enviar formulário">

    </form>

</main>

Trecho CSS.

main {
    width: 940px;
    margin: 0 auto;
}

form {
    margin: 40px 0;
}

form label {
    display: block;
    font-size: 20px;
    margin: 0 0 10px;

}

form input {
    display: block;
    margin: 0 0 20px;    
    padding: 10px 25px;
    width: 50%;
}

Fiz um teste no safari e o chrome com mesmo resultado.

2 respostas
solução!

Olá Davilson, testei no FF 68.7.0esr e Chromium 80.0.3987.162 e OK!

Veja no codepen

Oi Luciano.

Deve ser a versão do navegador, ambos rodando no macOS 10.14.

Safari - Versão 13.1 (14609.1.20.111.8).

Chrome - Versão 81.0.4044.122.

Gostei da dica do site codepen. Muito obrigado!