cambiar color input button

[marodal]

Hola a todos,

quiero cambiar el color de un input de tipo button, pero quiero que conserve el mismo estilo degradado que tiene cuando está con su color por defecto. He buscado por muchos sitios, pero solo consigo que cambie de color, pero de forma uniforme.

¿Alguien sabría como hacerlo?

Gracias y un saludo

[Alexis88]

En CSS3, se han implementado propiedades para aplicar los efectos que deseas. Un ejemplo:

Código CSS:

input[type="button"]{
  background: radial-gradient(ellipse, #fff, #f00);
}
 

Con la propiedad radial-gradient, se genera una imagen con los colores en degradé que se indiquen dentro de los paréntesis, los cuales tomarán la forma que se especifica en el primer parámetro. Ya que no todos los navegadores soportan esta propiedad, es necesario anteponer extensiones como -ms, -webkit o -moz, según sea el caso. Así como puedes darle una forma radial al degradé, también puedes darle una forma lineal con linear-gradient. Puedes leer más acerca de las nuevas propiedades de degradado de CSS en esta página.

Te recomiendo pasar por este artículo en el que puedes ver más ejemplos de degradado.

Saludos

[marodal]

Esta es la solucion:

Código:

.boton{
	background-color:#colorBase;/* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#colorInicial', endColorstr='#colorFinal'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#colorInicial), to(#colorFinal)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #colorInicial,  #colorFinal); /* for firefox 3.6+ */
}

Saludos

[alexperaza]

muy buen dato esto si no lo sabia gracias