[SOLUCIONADO] Problema CSS con INPUT

[daviss_88]

Necesito que mi input:

<input type="submit" class="button" value="ENVIA" name="sub"/>

Tenga el css siguiente:

.button {display:inline-block;font-size:24px;line-height:1.208em;padding:7px 20px 9px;color:#fff;background:url(../images/button-tail.gif) left top repeat-x #010101;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;font-style:italic;letter-spacing:-1px}

.button:hover {background:#010101}

El problema es que para los botones si que me lo detecta
<button class="button" name="reset" onClick="document.getElementById('contact-form').reset()">Neteja</button>

Gracias!

[moro666]

Perdón, pero exactamente, que es lo que no te acaba de funcionar?

P.D.: el botón lo he creado copiando exactamente tu código.

[pzin]

Igual hay otro estilo que afecta al input. Míralo con con inspeccionar elemento.

[daviss_88]

Iniciado por moro666

Perdón, pero exactamente, que es lo que no te acaba de funcionar?

P.D.: el botón lo he creado copiando exactamente tu código.

Mi problema es que si a un input le doy ese CSS no me lo coge pero si se lo pongo a un button si... y necessito que sea un input

[pitufoweb]

Como te dijo @Bonez...Lo mas probable es que hay otra regla que afecta a ese input.




Saludos

[daviss_88]

Ya está solucionado; el problema (no sé porque es que no me cogia el .button) he puesto otro nombre con el mismo CSS y ya va... es un poco guarro pero me hace el apaño!

Merci a todos!!! :D