How to set text color in submit button?

Question

I tried to change the color of the text in the submit button type but, I don't know why I am not able to change it.

.button {
  width: 105px;
  height: 20px;
  background-image: url('tiny.gif');
  line-height: 20px;
  padding-bottom: 2px;
  vertical-align: middle;
  font-family: "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  <!--font-weight: bold;
  -->text-transform: none;
  border: 1px solid transparent;
}

.button:hover {
  background-image: url('tiny_.gif');
}

<input type="submit" value="Fetch" class="button" />

I was getting a problem when I tried to change the color of the submit button.

Answer 1

<button id="fwdbtn" style="color:red">Submit</button> 

Answer 2

Use this CSS:

color: red;

that's all.

Answer 3

.button {
    color: green;
}

jsFiddle Live Demo

Answer 4

you try this:

<input type="submit" style="font-face: 'Comic Sans MS'; font-size: larger; color: teal; background-color: #FFFFC0; border: 3pt ridge lightgrey" value=" Send Me! ">

Answer 5

<input type = "button" style ="background-color:green"/>