Textarea sin focus

[sergiosala]

Hola amigos del web!

Tengo un problema, le puse un efecto a mi formulario, que cuando un input o textarea estén enfocados cambian a color azul.

Sin embargo, el textarea se mantiene en focus desde que se abre la página y por ende se mantiene azul.. ¿qué puedo hacer?

Ya intente vaciar el texto en html con name="nowrap" pero no sé que más hacer.

Agrego una imagen para entender mejor.

Gracias!

[ArturoGallegos]

bueno, se están volviendo entre los usuarios una moda las preguntas sin respuesta o que pasa.... la información proporcionada no es suficiente para ayudarte, seria como buscar una aguja en un pajar, muestra el código que usas para poder ayudarte.

haciendo uso de facultades adivinatorias apuesto a que estas afectando los textarea directamente y no en el focus como creíste, revisa que tengas textarea:focus{...}

[sergiosala]

Disculpa, pues el HTML que tengo es:

Código:

 <div id="formtable">
<p>Name</p>
<input type="text">
<p>E-mail</p>
<input type="text">
<p>Subject</p>
<input type="text">
<p>Message</p>
<textarea name="nowrap"></textarea>
<span class="spancontact">Send an email. All fields with an * are required.</span>
<button type="submit" class="btn-small">Send Email</button>
</div>

Y el CSS es:

Código:

#formtable {
	background-color: white;
}
#formtable p {
	font-size: 18px;
}

#formtable input, textarea {
	width: 95%;
	border-radius: 0px;
	border-color: #ebebeb;
	font-family: 'Montserrat', sans-serif;
}


#formtable textarea, input:focus {
	background-color: #26a3ea;
	color: #fff;
}

#formtable button {
	color: #fff;
	font-family: 'Montserrat',sans-serif;
	font-size: 21px;
	padding: 15px;
	margin-bottom: 10px;
	background-color: #26a3ea;
	border-radius: 3px;
	border: none;
}

¿Alguna ayuda?

[nemesis866]

Hola Sergiosala, el problema es el siguiente, tienes declarado el mismo estilo para el textarea (sin utilizar focus) y para los input:focus, el codigo tendria que quedar de la siguiente manera.-

Código CSS:

#formtable textarea:focus , input:focus {
    background-color: #26a3ea;
    color: #fff;
}
 

Con esto el problema queda solucionado saludos :)

[pzin]

Iniciado por ArturoGallegos

haciendo uso de facultades adivinatorias apuesto a que estas afectando los textarea directamente y no en el focus

Iniciado por nemesis866

el problema es el siguiente, tienes declarado el mismo estilo para el textarea (sin utilizar focus)

Un brujo.

[sergiosala]

Y si es cierto!

Se me fue ese gran detalle, gracias a los dos!