Where (and how) do we change the color of a submit button? And other things....

In CSS you can change the look of the submit button using

input[type=submit] { color: #...; }

This works for all types of input fields, if you want to change the hight for all input fields (no matter what the type), just use

input { ... }

I hope this helps :)

Jacob Herper and Robert Richey are probably going to throw something heavy at me for answering you this way but...it all depends on HOW you created your submit button :)

If it's an image you would have to go back into your graphic editing software (ie. PhotoShop) and change it there. If you created it using html/css (i.e.. form controls or just styling a <a> tag in an unordered list) you would want to use the color property and pseudo classes that Jacob mentioned and Robert demonstrated.

Here is a great write up on css-tricks.com about the how, when and why of pseudo classes.

Hope this helps!

Hi Gina,

Here's my CodePen illustrating how I chose to tackle the issue.