3

¿Cómo agrego el spinner dentro del input submit?

Lo que quiero es ubicarlo a lado izquierdo del texto, pensé que era algo sencillo, pero llevo un buen rato dándole vueltas (literalmente jajaja) y no logro incluirlo.

La función del submit es enviar los datos de inicio de sesión de un simple formulari de login.

input[type="submit"] {
  background: #d81921;
  color: #fff;
  display: block;
  margin: 0 auto;
  padding: 10px 0;
  width: 200px;
  border: none;
  border-radius: .5rem;
}
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

<input type="submit" name="Enviar" value="Ingresar"><span class="spinner-border" role="status"></span>

1 respuesta 1

2

Puedes lograrlo usando position: absolute; asi:

input[type="submit"] {
  background: #d81921;
  color: #fff;
  display: block;
  margin: 0 auto;
  padding: 10px 0;
  width: 200px;
  border: none;
  border-radius: .5rem;
}

span.spinner-border {
  position: absolute;
    top: 5px;
    left: 260px;
}
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

<input type="submit" name="Enviar" value="Ingresar"><span class="spinner-border" role="status"></span>

1
  • 1
    Gracias por su ayuda
    – EMCode
    Commented el 19 mar. 2019 a las 18:16

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.