CSS3 Linear Gradients on an Input Submit Element

Time to pad out my blog with useless helpful dev shit I encounter during my day job.

First one out of the hat. CSS3 linear gradients on input submits. Doesn’t work. The work around? Convert that input into a button.

Use:

Instead of this:

I’ve tested it in IE8+, recent Chrome, Firefox and Safari versions. They all function exactly as they would if they were still input submits.

Problem solved.