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.

Was it helpful?

Solution

.button
{
    font-size: 13px;
    color:green;
}
<input type="submit" value="Fetch" class="button"/>

OTHER TIPS

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! ">
<button id="fwdbtn" style="color:red">Submit</button> 

Use this CSS:

color: red;

that's all.

<input type = "button" style ="background-color:green"/>
.btn{
    font-size: 20px;
    color:black;
}
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top