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

Textarea não fica do mesmo tamanho

Oi, gente! Na aula de CSS para formulários complexos o professor ensina a reutilização da formatação do input para o textarea, para que fiquem do mesmo tamanho, mas não consegui isso no meu código e não acho o problema. Podem me ajudar?



 <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">


        <label for="mensagem">Mensagem</label>
        <textarea id="mensagem" cols="70" rows="10">
 ``

e o css tá assim:

 ``


form {
    margin: 40px 0 ;
}


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

form input, form textarea {

    display: block;
    margin: 0 0 20px;
    padding: 10px 25px;
    width: 50%;
}
 ``
2 respostas
solução!

Oi Gabriela,

O textarea até tenta pegar nosso CSS para calcular width/height, mas quando colocamos os atributos de rows (linhas) e cols (colunas), ele ignora o CSS.

Alguns browsers não permitem um textarea muito "baixinho", tenha isso em mente quando reaproveitar classes dos inputs para os textareas, ok?

Espero ter ajudado,

Abcs!

Ah, entendi! Obrigada!!