Formulário de contato do WordPress 7 Pergunta: Manipulação de CSS de Textarea

Um usuário perguntou ?

Olá,

Já tentei descobrir se algum material aqui poderia me ajudar. Mas não consigo encontrar uma solução para o meu problema.

O problema é que não consigo manipular a área de texto, principalmente através de CSS. Meu código está assim:

/* Submit Button CSS Styles */ 
.wpcf7 input[type=submit] 
{ 
padding:15px 45px; 
background:white; 
color: #000000; 
font-size:20px; 
font-weight:bold; 
border:0 none; 
cursor:pointer; 
border-radius: 5px; 
}

/* Label Text Styles */ 
.wpcf7 label 
{ 
padding: 0 0 10px 0; 
font-size: 20px; 
} 

/* Text Input Field Styles */ 
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=url],
.wpcf7 input[type=tel],
.wpcf7 input[type=number], 
.wpcf7-select
{ 
font-size:15px; 
width: 30%; 
background:white; 
color: #000000; 
border-radius: 5px; 
} 

/* Textarea Field Styles */ 
.wpcf7-form textarea
{ 
width: 80%;

} 

/* Overall form styles */ 
.wpcf7 
{ 
background-color:white; 
}

Todos os outros campos estão bem e respondem ao código. Apenas textarea está morto.

Alguém teve uma ideia?

desde já, obrigado

(@takayukister)

faz 3 anos

Visão Formulário de contato de estilo

(@kanthor)

faz 3 anos

Olá Takayuki,

.wpcf7 textarea
{
    background-color: #fff;
    color: #000;
    width: 50%;
}

não funciona. Não sei por que a área de texto não está funcionando para mim.

(@judgerookie)

faz 3 anos

verificador de log:

estilos:

input.wpcf7-form-control.wpcf7-date, input.wpcf7-form-control.wpcf7-number, input.wpcf7-form-control.wpcf7-text, select.wpcf7-form-control.wpcf7-select, textarea. wpcf7-form-control.wpcf7-textarea {largura: 100%; }

.wpcf7-form textarea {largura: 80%; }

html:

tente textarea.wpcf7-form-control.wpcf7-textarea { background-color: #fff; cor: #000; largura: 50%; } em vez de .wpcf7 textarea {background-color: #fff; cor: #000; largura: 50%; }

PS: Provavelmente é ótimo em desktop e tablet, mas você pode querer diminuir a largura, pois pode não ser o que você precisa em outras mídias, como celular/iPhone.

Esta resposta foi modificada há 3 anos por.

(@kanthor)

faz 3 anos

juiz novato

Funciona! Muito obrigado!

Como você conseguiu essa pergunta?

(@judgerookie)

faz 3 anos

Olá

Estou feliz que funcionou.

No inspetor do navegador, estava mostrando que seu CSS foi personalizado como filho do CSS pai e, portanto, estava sendo aprimorado. Como pais de verdade!

Esta resposta foi modificada há 3 anos por.