1
resposta

Projeto inicial já vem com css

Vi outras pessoas tendo o mesmo problema que eu, alterar o valor das cols na tag textarea n muda nada, isso pq o css do projeto inicial do curso já veio com várias coisas já alteradas...

1 resposta

Olá Lucas, tudo bem?

Quando queremos modificar o cols do textarea estamos tentando alterar as colunas e consequentemente a largura desse campo. Entretanto, isso criará um conflito, visto que a width de todos os inputs já está sendo estabelecida na class.input-padrao, que por sua vez é atribuída ao<textarea>. Veja:

  • No HTML
<textarea cols="70" rows="10" id="mensagem" class="input-padrao" required></textarea>
  • No CSS
.input-padrao {
    display: block;
    margin: 0 0 20px;
    padding: 10px 25px;
    width: 50%;
}

Com a width:50% estabelecida, há uma inflexibilidade na alteração da cols.

Caso queira modificar a cols e criar um layout um pouco diferente do modelo do curso, podemos fazer isso de algumas formas. Uma delas seria especificar no CSS que no .input-padrao do <textarea> a width será unset, ou seja, não definida .

O CSS ficará assim:

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

textarea.input-padrao {
    width: unset;
}

Dessa forma, o cols estará disponível para ser alterado, não conflitando com nenhuma propriedade.

Espero ter ajudado, em caso de dúvidas fique a vontade para perguntar. Bons estudos!