Foros del Web » Creando para Internet » Diseño web »

Cómo le quito este borde al cuadro de texto?

Estas en el tema de Cómo le quito este borde al cuadro de texto? en el foro de Diseño web en Foros del Web. Hola, quiero tener en mi web un borde como el de google en los cuadros de texto. No me refiero a que quiero tener el ...
  #1 (permalink)  
Antiguo 21/03/2012, 10:14
 
Fecha de Ingreso: febrero-2012
Mensajes: 15
Antigüedad: 12 años, 8 meses
Puntos: 0
Cómo le quito este borde al cuadro de texto?

Hola, quiero tener en mi web un borde como el de google en los cuadros de texto. No me refiero a que quiero tener el cuadro de texto igual que el de google, pero quiero quitar este molesto borde naranja para que se vea el mío.

Me refiero a este borde naranja que por lo menos tiene Chrome:
  #2 (permalink)  
Antiguo 21/03/2012, 21:50
Avatar de YeisonSoto  
Fecha de Ingreso: enero-2011
Ubicación: Cali, Colombia, Colombia
Mensajes: 116
Antigüedad: 13 años, 9 meses
Puntos: 4
Respuesta: Cómo le quito este borde al cuadro de texto?

Hola amigo intenta con esto:


con css le pongo color a los campos de texto de mis formularios


Código CSS:
Ver original
  1. .Estilo_CamposTexto{
  2.     color: #3F0;    //color de letra
  3.     font-family: Verdana;
  4.     font-weight: bold;
  5.     background-color: #333; Color de fondo
  6.     border-color:#0F0; Color de borde
  7.     }
  8.  
  9.  
  10. // Y si quieres que no  tenga borde pones border-width:0;
  #3 (permalink)  
Antiguo 21/03/2012, 23:36
 
Fecha de Ingreso: octubre-2009
Mensajes: 97
Antigüedad: 15 años, 1 mes
Puntos: 1
Respuesta: Cómo le quito este borde al cuadro de texto?

ueno eso es facil, ese borde solo lo e visto en el chrome y me tomo tiempo hace time ver como sacarlo y encontre por ahi que eso es "outline"

sino quieres el outline pone en css: outline:none;

ahora si quieres cambiarle el color

#capa{
outline-color:#00ff00;
}
  #4 (permalink)  
Antiguo 22/03/2012, 00:08
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 8 meses
Puntos: 1146
Respuesta: Cómo le quito este borde al cuadro de texto?

no se si sea mala practica pero yo siempre uso

Código CSS:
Ver original
  1. #buscar{
  2. outline:none;
  3. border:1px #ccc solid;
  4. border-radius:3px;
  5. }
  6. #buscar:hover,#buscar:active{
  7. border:1px #f00 solid;
  8. }
  #5 (permalink)  
Antiguo 22/03/2012, 12:25
 
Fecha de Ingreso: febrero-2012
Mensajes: 15
Antigüedad: 12 años, 8 meses
Puntos: 0
Respuesta: Cómo le quito este borde al cuadro de texto?

Gracias. Me sirvió

Etiquetas: cuadro, bordes
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:09.