Ver Mensaje Individual
  #7 (permalink)  
Antiguo 06/01/2012, 12:35
Avatar de ArturoGallegos
ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 17 años
Puntos: 1146
Respuesta: campos planos en formularios html

Cita:
Iniciado por ryugen Ver Mensaje
Entonces lo que tienes que hacer es darle la propiedad de borde que tu quieras.
Por ejemplo el input de google.com es:
Código CSS:
Ver original
  1. input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="url"] {
  2.     -moz-border-bottom-colors: none;
  3.     -moz-border-image: none;
  4.     -moz-border-left-colors: none;
  5.     -moz-border-right-colors: none;
  6.     -moz-border-top-colors: none;
  7.     -moz-box-sizing: border-box;
  8.     background: none repeat scroll 0 0 #FFFFFF;
  9.     border-color: #C0C0C0 #D9D9D9 #D9D9D9;
  10.     border-radius: 1px 1px 1px 1px;
  11.     border-right: 1px solid #D9D9D9;
  12.     border-style: solid;
  13.     border-width: 1px;
  14.     display: inline-block;
  15.     height: 29px;
  16.     margin: 0;
  17.     padding: 0 8px;
  18. }
Aunque tienes razón al decir que tiene que indicar el tipo de borde que quiere... vale aclarar que

input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"]

son propias de CSS3 y HTML5 no funciona en navegadores viejos, es mas recomendable utilizar una clase o solo input[type="text"],textarea{...}

y para no utilizar un código tan extenso yo pondría solo:
Código CSS:
Ver original
  1. input[type="text"],textarea{border:1px #ccc solid;}