0

Deseo hacer un botón de compra, con algunos atributos CSS, pero sin usar imágenes.

Quiero que sea un cuadrado negro, con el texto COMPRAR en letras blancas.

Esto es lo que intenté hasta ahora, pero no queda en negro y no se parece a un botón de esta forma.

<input 
  style="border:1px solid black; padding:5px; width:100%; height:30px; margin-top:15px;"
  type="image"
  border="0"
  name="submit"
  alt="PURCHASE">

¿Es esto posible?

2
  • No me queda claro cuál es el problema o el comportamiento deseado.
    – Shaz
    Commented el 18 ago. 2016 a las 19:02
  • @Ivan Modifiqué el texto de la pregunta para que quede más claro lo que estás preguntando. Si hay algo que no esté bien, no dudes en modificarlo/comentarlo.
    – Mariano
    Commented el 18 ago. 2016 a las 21:55

2 respuestas 2

2

Si es que es lo que entiendo, tu deseas simplemente añadir un estilo CSS al botón de comprar. Tendrías que leer más acerca de CSS y aprender a usarlo. Te dejo un manual haciendo clic aquí.

.purchase{
    background-color:#000;
    color:#FFF;
    border:transparent;
    padding:5px 10px;
    cursor:pointer;
  }
<input type="submit" value="Comprar" class="purchase">

1
  • 1
    Sí ! Gracias Vaca!
    – Ivan Soler
    Commented el 18 ago. 2016 a las 20:21
-2

Usar el atributo placeholder="tu mensaje" o si querés un valor inicial podes usar value="tu valor"

El atributo value, es el que va a viajar a tu servidor. O sea lo que ingresa tu usuario. El placeholder, es para mostrar un texto y al momento de ingresar un valor desaparece, está pensado para eliminar o no abusar mucho de los label.

No tiene sentido que uses los dos juntos.

7
  • Hola Leonardo, gracias por responder, pero no es así lo que quiero, es un botón de "Pagar" donde se confirman otros atributos ya fijados en inputs anteriores.. este solo debería hacer el Submit, no sé si me explico...
    – Ivan Soler
    Commented el 18 ago. 2016 a las 19:06
  • 3
    @IvanSoler la verdad es que eso no se entiende muy bien y dista mucho de lo que pone en el texto de la pregunta. Por favor, edítala para aclarar más lo que estás buscando.
    – Alvaro Montoro
    Commented el 18 ago. 2016 a las 19:11
  • @AlvaroMontoro a ver si ahora está mejor
    – Ivan Soler
    Commented el 18 ago. 2016 a las 19:12
  • Creo que logro entender el requerimiento. Commented el 18 ago. 2016 a las 19:39
  • Podrías disparar el submit directamente con jQuery Commented el 18 ago. 2016 a las 19:39

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.