Bienvenido a datoweb.com!! En este foro podrás encontrar ayuda sobre diseño y desarrollo web en general. Si quieres formar parte de esta comunidad para pedir ayuda o colaborar ayudando a otros usuarios del foro solo tienes que registrarte desde el siguiente enlace: Registrarse en el Foro

Quitar focus de campo de texto de spry

hola a todos estoy intentado quitar el fondo de color del spry que sale como rojizo en el css del spry ¿podria alguien facilitarme el codigo para quitar el foco?
gracias.
-5
Puntos
1760
Visitas
5
Resp
Por graficaslucero hace 122 meses
Principiante
Respuesta #1
buenas, es muy sencillo solo tienes que abrir la hoja de estilos de spry que se encuentra en SpryAssets/?SpryValidationTextField.css

buscas esto:
/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}
y lo cambias por esto
/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #fff; /*Aquí se cambia el color */
}
si lo haces tal cual el focus cambiara a blanco, donde deje el comentario en el css de arriba lo puedes personalizar
0
Puntos
Por alber hace 122 meses
Administrador
Respuesta #2
muchisimas gracias me funciono se que zeus lo tenia por algun video pero la verdad tanta informacion ni recorde te mando un cordial saludo y muchisimas gracias......
0
Puntos
Por graficaslucero hace 122 meses
Principiante
Respuesta #3
alber perdona mira cuando le realizo el cambio estoy intentado hacer que cuando pulse dentro del campo para escribir texto se pierde los efectos del mismo de los mismos estoy jugando con la mayoria de los css del spry,

se que zeus proporcion codigo de input en el curso el cual dispongo los cuales podria insertarselo manualmente con el focus y demas pero no recuerdo en que video lo proporciona ademas quisiera que sean mas grande. en fin espero que logre entenderme gracias y perdona las molestias.
0
Puntos
Por graficaslucero hace 122 meses
Principiante
Respuesta #4
para cambiar el color del focus es esta linea
/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC; /* Cambiar color del focus */
}
y para que el input sea mas grande tienes que agregar esta
#textfield {
	/* Propiedades para el input. */
	padding:4px;
}
en esta última puedes agregar las propiedades que quieras ademas de un padding
0
Puntos
Por alber hace 122 meses
Administrador
Respuesta #5
muchas gracias nuevamente ya lo pille
0
Puntos
Por graficaslucero hace 122 meses
Principiante
Compartir en facebook
Compartir en twitter
Compartir
Para comentar Inicia sesión o Registrate