Estoy tratando de crear un botón de donación para el sitio web de nuestra escuela y hasta ahora ha funcionado bien, pero mi maestra me pidió que posiblemente encontrara una manera de cambiar el color del botón, me preguntaba cómo podría hacer exactamente eso, y si es así ser colores específicos?

Aquí está mi código:

<form action="http://google.com">
      <input type="submit" value="Donate!" style="font-size:99px;height: 180px; width: 700px"/>
</form>    
0
6th PSIS Xander R Mooney 21 mar. 2018 a las 17:30

3 respuestas

La mejor respuesta

Solo usa un color de fondo:

<form action="http://google.com">

<input type="submit" value="Donate!" style="font-size:99px;height: 180px; width: 700px;background-color: green;"/>
</form>
0
Johannes 21 mar. 2018 a las 14:34

Para cambiar el color de fondo de un elemento, puede usar la propiedad CSS "background" o "background-color". Algunos colores tienen un nombre de color equivalente, pero puede ser más específico utilizando colores hexadecimales. Hay muchos sitios web que pueden ayudarlo a encontrar un color exacto, como https://htmlcolorcodes.com.

Aquí hay un ejemplo con un fondo rojo:

Con el nombre del color: <input type="submit" value="Donate!" style="font-size:99px;height: 180px; width: 700px; background: red"/>

Con un color hexadecimal: <input type="submit" value="Donate!" style="font-size:99px;height: 180px; width: 700px; background: #FF0000"/>

0
J Schouten 21 mar. 2018 a las 14:38

Para el color de fondo puede usar la propiedad "background-color" de esa manera:

<form action="http://google.com">
    <input type="submit" value="Donate!" style="background-color: #ff6666; font-size:99px;height: 180px; width: 700px"/>
</form>

Puede obtener los códigos de color en línea (http://www.color-hex.com/)

0
Pierre-Adrien Maison 21 mar. 2018 a las 14:34