0

input[type=text], select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
<div class="col-12 col-md-5">
          <input type="text" name="nomdirecto" id="nomdirecto" placeholder="NOMBRE DE CONTACTO DIRECTO" required/>
      </div>
     <div class="col-12 col-md-3">
          <input type="email" name="correocli" id="correocli" placeholder="CORREO" required/>
      </div>

El problema es que intente copiar la parte del ccs cambiando el text por email y no se aplica el estilo.

1
  • Si lo que estas buscando es igualar el estilo css que tienes en el input[type=text], lo que tienes que hacer es agregar otro selector a tu css: input[type=text], input[type=email],select {} el 27 ago. 2019 a las 19:10

2 respuestas 2

0

Debes agregar a tu código css:

input[type=text], input[type="email"], select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
2
  • Muchas gracias. el 28 ago. 2019 a las 15:55
  • Y si quisiera agregar esos estilos a un select como se pondria? el 28 ago. 2019 a las 17:31
0

Tienes que el estilo es para entradas de tipo text lo que te falta es definir que también vas a usar ese estilo en el type=email

input[type=text],input[type=email], select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}    
<div class="col-12 col-md-5">
          <input type="text" name="nomdirecto" id="nomdirecto" placeholder="NOMBRE DE CONTACTO DIRECTO" required/>
      </div>
     <div class="col-12 col-md-3">
          <input type="email" name="correocli" id="correocli" placeholder="CORREO" required/>
      </div>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.